/*
Theme Name: Сила Традиций
Theme URI: https://сила-традиций.рф/
Author: Сила Традиций
Description: Чистая тема под HQ-макет. Display — Russo One, UI — PT Sans.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: sila
*/

/* Design tokens — homepage DNA + inner pages */
:root {
  /* Surfaces */
  --color-bg-primary: #0a0d10;
  --color-bg-secondary: #141617;
  --color-bg-panel: #121416;
  --color-bg-overlay: rgba(4, 8, 10, 0.78);

  /* Typography colors */
  --color-text-primary: #f3f2ec;
  --color-text-secondary: #c4cbc8;
  --color-text-muted: #a3aea9;
  --color-text-dim: #6e7a76;

  /* Gold */
  --color-gold-100: #f0d6a3;
  --color-gold-300: #d9bd88;
  --color-gold-500: #c9a86a;
  --color-gold-700: #b89255;

  /* Lines */
  --color-line-soft: rgba(159, 174, 169, 0.12);
  --color-line: rgba(159, 174, 169, 0.22);
  --color-line-strong: rgba(189, 203, 198, 0.3);
  --color-line-gold: rgba(201, 168, 106, 0.58);

  /* Radius */
  --radius-xs: 3px;
  --radius-sm: 5px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  /* Spacing scale (8px base) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* Type scale */
  --text-xs: 11px;
  --text-sm: 13px;
  --text-md: 15px;
  --text-lg: 18px;

  /* Theme aliases (used in theme.css) */
  --st-bg: var(--color-bg-primary);
  --st-bg-2: var(--color-bg-secondary);
  --st-bg-3: #18191a;
  --st-bg-4: #1b1e20;
  --st-bg-deep: #0b0d0e;
  --st-bg-panel: var(--color-bg-panel);
  --st-gold: var(--color-gold-500);
  --st-gold-2: var(--color-gold-700);
  --st-gold-100: var(--color-gold-100);
  --st-text: var(--color-text-primary);
  --st-text-secondary: var(--color-text-secondary);
  --st-muted: var(--color-text-muted);
  --st-line: var(--color-line);
  --st-line-gold: var(--color-line-gold);
  --st-font-display: "Russo One", Arial, Helvetica, sans-serif;
  --st-font-ui: "PT Sans", Arial, Helvetica, sans-serif;
  --st-font-head: var(--st-font-display);
  --st-header-h: 76px;
  --st-nav-link: rgba(238, 241, 237, 0.92);
  --st-shell: min(1280px, calc(100% - 64px));
  --st-edge: 16px;

  /* Responsive breakpoints (use px values in @media; tokens for docs/JS) */
  --st-bp-sm: 767px;
  --st-bp-md: 1023px;
  --st-bp-lg: 1279px;
  --st-touch-min: 44px;
  --st-radius-xs: var(--radius-xs);
  --st-radius-sm: var(--radius-sm);
  --st-radius-md: var(--radius-md);
  --st-radius-lg: var(--radius-lg);
  --st-space-1: var(--space-1);
  --st-space-2: var(--space-2);
  --st-space-3: var(--space-3);
  --st-space-4: var(--space-4);
  --st-space-5: var(--space-5);
  --st-space-6: var(--space-6);
  --st-space-8: var(--space-8);
  --st-space-10: var(--space-10);
  --st-space-12: var(--space-12);
  --st-text-xs: var(--text-xs);
  --st-text-sm: var(--text-sm);
  --st-text-md: var(--text-md);
  --st-text-lg: var(--text-lg);
}