/* ==========================================================================
   main.css — цвета, REM-база, размеры
   Подключать первым из кастомных (до control.css и остальных)
   ========================================================================== */

:root {
  /* REM: 1rem = 16px */
  --rem-base: 16;

  /* Цвета бренда */
  --color-primary: #000;
  --color-primary-rgb: #1f425f;
  --color-primary-light: #5fa4dc;
  --color-primary-border: #1f425f94; /* 58% */
  --color-primary-bg: #1f425f0d;     /* 5% */
  --color-primary-bg-medium: #1f425f42; /* 26% */
  --color-primary-nwe: #ffee00;
  --color-accent: #ffa124;
  --color-accent-rgb: #ffa124;
  --color-accent-orange: #ff9800;

  --color-success: #aadd77;
  --color-success-rgb: #aadd77;
  --color-success-bright: #8bc34a;
  --color-success-bright-rgb: #8bc34a;
  --color-success-dark: #93e41c;
  --color-success-alt: #ad3;
  --color-success-alt-rgb: #ad3;
  --color-success-alt2: #ad7;

  --color-danger: #ee2737;

  --color-white: #fff;
  --color-black: #000;
  --color-text: #666;
  --color-text-muted: #848484;

  --color-sidebar: #ffffff;
  --color-sidebar-rgb: #222a30;
  --color-topbar: #d6dade;
  --color-topbar-rgb: #d6dade;
  --color-neutral: #d3d8dc;
  --color-neutral-rgb: #d3d8dc;
  --color-neutral-light: #d7dde2;
  --color-neutral-light-rgb: #d7dde2;
  --color-neutral-bg: #d9dfe4;
  --color-neutral-panel: #f2f4f5;
  --color-neutral-form: #f4f5f7;

  --color-link: #1e87f0;

  /* Layout (rem) */
  --sidebar-width: 15rem;
  --topbar-height: 3.25rem;

  /* Кнопки (rem) — переопределяются в control.css при необходимости */
  --btn-height: 2.4375rem;
  --btn-padding-x: 1.25rem;
  --btn-padding-y: 0.625rem;
  --btn-font-size: 0.75rem;
  --btn-radius: 0.3125rem;
}

html {
  font-size: 100%;
}