/* ============================================================
   Angstrem Design System — токены бренда
   Источник: ref/angstrem-theme.css / ref/design-tokens.json /
   ref/cf_brand_theme.seed.json / ref/prototype-v4.html
   Графит #474141 доминирует, красный #CF0A2C только для CTA/акцентов,
   border-radius:0 и без теней — фирменные черты минимализма Ангстрем.
   Vollkorn — заголовки, Inter — UI/текст, Manrope — только промо.
   ПРОД: подключать self-hosted .woff2 вместо Google Fonts CDN
   (см. ref/README-kak-podkliuchit.md).
============================================================ */
:root {
  --color-graphite: #474141;
  --color-graphite-2: #3A3535;
  --color-accent-red: #CF0A2C;
  --color-accent-red-dark: #A00821;
  --color-white: #FFFFFF;

  --color-text-primary: #1A1717;
  --color-text-secondary: #706767;
  --color-text-muted: #9E9998;

  --color-beige: #F4F2F2;
  --color-surface-2: #F8F8F8;
  --color-border: #EBE9E8;
  --color-border-2: #DBD8D7;

  --color-success: #2C6047;
  --color-success-bg: #E1EBE6;
  --color-warning: #8A6D00;
  --color-warning-bg: #F1EBD3;
  --color-link: #284D94;
  --color-link-bg: #DEE5F1;
  --color-error-bg: #F6D9DF;

  --bg-page: var(--color-white);
  --bg-surface: var(--color-beige);
  --bg-surface-alt: var(--color-surface-2);
  --bg-inverse: var(--color-graphite);
  --fg-default: var(--color-text-primary);
  --fg-muted: var(--color-text-secondary);
  --fg-placeholder: var(--color-text-muted);
  --fg-inverse: var(--color-white);
  --border-default: var(--color-border);
  --border-strong: var(--color-border-2);

  --status-published: var(--color-success);
  --status-queued: var(--color-link);
  --status-in-progress: var(--color-warning);
  --status-error: var(--color-accent-red);
  --status-neutral: var(--color-text-secondary);

  --font-heading: "Vollkorn", Georgia, "Times New Roman", serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-promo: "Manrope", var(--font-body);
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --fs-12: 12px; --fs-14: 14px; --fs-16: 16px; --fs-18: 18px; --fs-22: 22px; --fs-28: 28px;
  --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700;
  --lh-heading: 1.14; --lh-ui: 1.3; --lh-body: 1.375;

  --radius: 0;
  --shadow: none;

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;

  /* Текстовые варианты служебных цветов (контраст AA на фоне страницы).
     Базовые --color-* остаются фоном бейджей с белым текстом. */
  --fg-success: var(--color-success);
  --fg-warning: #6E5700;
  --fg-danger: var(--color-accent-red);
  --fg-link: var(--color-link);
}
[data-theme="dark"] {
  --bg-page: var(--color-graphite);
  --bg-surface: var(--color-graphite-2);
  --bg-surface-alt: #423C3C;
  --fg-default: var(--color-white);
  --fg-muted: #C9C4C3;
  --fg-placeholder: #A69F9E;
  --border-default: #5A5555;
  --border-strong: #6A6464;
  --color-beige: #423C3C;
  --color-surface-2: #4A4444;
  --color-success-bg: #2E4A3D;
  --color-warning-bg: #4A422A;
  --color-link-bg: #33405A;
  --color-error-bg: #5A2B33;
  /* Текстовые варианты осветлены до контраста AA на графите #474141 */
  --fg-success: #79C79E;
  --fg-warning: #E6C25A;
  --fg-danger: #FF8A9C;
  --fg-link: #A8C4EE;
}