/* ============================================================
   КОНСИС brand tokens — palette, fonts, base typography
   Source: consys.su (assets/css/colors_and_type.css, май 2026)
   Используем как заглушку до брендирования AuditPortal.
   ============================================================ */

/* ---- Fonts (local, NO Google Fonts — РКН-вопрос с трансграничкой) ---- */
@font-face {
  font-family: 'Albert Sans';
  src: url('../fonts/AlbertSans-Regular.ttf') format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Albert Sans';
  src: url('../fonts/AlbertSans-Medium.ttf') format('truetype');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Albert Sans';
  src: url('../fonts/AlbertSans-SemiBold.ttf') format('truetype');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Albert Sans';
  src: url('../fonts/AlbertSans-Bold.ttf') format('truetype');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Albert Sans';
  src: url('../fonts/AlbertSans-ExtraBold.ttf') format('truetype');
  font-weight: 800; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Albert Sans';
  src: url('../fonts/AlbertSans-Black.ttf') format('truetype');
  font-weight: 900; font-style: normal; font-display: swap;
}

/* Вариативные шрифты (если хотите единым файлом покрыть 100-900) */
@font-face {
  font-family: 'Albert Sans VF';
  src: url('../fonts/AlbertSans-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Albert Sans VF';
  src: url('../fonts/AlbertSans-Italic-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900; font-style: italic; font-display: swap;
}

/* Акцидентный шрифт для крупных заголовков (опционально) */
@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/PlayfairDisplay-VariableFont_wght.ttf') format('truetype');
  font-weight: 400 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/PlayfairDisplay-Italic-VariableFont_wght.ttf') format('truetype');
  font-weight: 400 900; font-style: italic; font-display: swap;
}

/* ---- Brand palette ---- */
:root {
  /* Greens — основа КОНСИС */
  --green-900:#0B3D34;   /* hero bg, dark backgrounds */
  --green-700:#163C2D;
  --green-600:#1E4F3A;   /* primary accent on light */
  --green-500:#245C44;
  --green-400:#389B8B;   /* divider / hover accent */
  --green-300:#6EB9A0;
  --green-150:#B5D8D2;
  --green-100:#E9F2ED;   /* light backgrounds, cards */
  --green-050:#F2F7F4;

  /* Ink / text */
  --ink-900:#1A2B24;     /* primary text */
  --ink-700:#334540;     /* secondary text */
  --ink-600:#6A7770;     /* muted text */
  --ink-300:#DDE5E0;     /* hairlines */
  --ink-200:#EAEFEC;
  --ink-100:#F4F7F5;
  --ink-050:#E9EAE3;     /* warm off-white */

  /* Semantic */
  --success-600:#198754;
  --success-100:#DCF3E4;
  --danger-600:#B92D2D;
  --danger-100:#FDE7E7;
  --warning-600:#C77700;
  --warning-100:#FEF3D6;

  /* Gold — единственный акцент, для CTA на тёмном hero */
  --gold-600:#C9A24B;
  --gold-500:#D4B568;
  --gold-300:#E8CF8A;

  --white:#FFFFFF;

  /* Radii */
  --r-sm: 5px;
  --r-md: 8px;
  --r-lg: 14px;
  --r-pill: 999px;
}

/* ---- Base typography ---- */
html, body {
  font-family: 'Albert Sans', -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  color: var(--ink-900);
  background: var(--white);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Albert Sans', -apple-system, 'Segoe UI', Roboto, sans-serif;
  color: var(--green-700);
  letter-spacing: -0.01em;
  font-weight: 800;
}

/* Если нужен «дорогой» акцент в заголовках — раскомментировать
h1, h2 { font-family: 'Playfair Display', Georgia, serif; font-weight: 700; }
*/

a { color: var(--green-600); text-decoration: underline; text-underline-offset: 2px; }
a:hover { color: var(--green-400); }