/* PRIME Карта Роста · Design tokens */

:root {
  /* ============ PROCESS (LIGHT) MODE ============ */
  --bg-page-1: #F2F3F5;
  --bg-page-2: #E8EEF7;
  --bg-card: #FFFFFF;

  --text-primary: #0F0F0F;
  --text-secondary: #5A6B85;
  --text-muted: #8A9AB3;

  --border-soft: rgba(15, 31, 61, 0.06);
  --border-medium: rgba(15, 31, 61, 0.12);

  /* Transition / insight backgrounds */
  --bg-transition: #E8EEF7;
  --bg-insight-1: #FFF8EC;
  --bg-insight-2: #FBF1E0;
  --bg-goal: #FFF8EC;

  /* Deep blues (hero card, dark final, transition headings) */
  --blue-deep-1: #0A1830;
  --blue-deep-2: #15264A;
  --blue-deep-3: #1E3358;
  --blue-card: #1F3559;
  --blue-text: #0F1F3D;

  /* ============ ACCENTS (Tweakable) ============ */
  /* Amber (default per ТЗ) */
  --accent-1: #E5C88E;
  --accent-2: #C5A76E;
  --accent-3: #A88547;
  --accent-glow: rgba(197, 167, 110, 0.45);
  --accent-soft: rgba(197, 167, 110, 0.12);

  /* Semantic */
  --positive: #5BC09E;
  --positive-soft: rgba(91, 192, 158, 0.14);
  --warn: #E5B568;
  --info-blue: #7BA5D9;

  /* Levels */
  --level-1: #D45A5A;     /* Хаотичный */
  --level-2: #E5B568;     /* Растущий */
  --level-3: #5BC09E;     /* Стабильный */
  --level-4: #7BA5D9;     /* Системный */
  --level-5: #1A1A1A;     /* Легенда */

  /* ============ RADII & SHADOWS ============ */
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 999px;

  --shadow-card: 0 1px 2px rgba(15, 31, 61, 0.04), 0 4px 14px rgba(15, 31, 61, 0.04);
  --shadow-elevated: 0 2px 8px rgba(15, 31, 61, 0.06), 0 24px 50px rgba(15, 31, 61, 0.08);
  --shadow-cta: 0 1px 2px rgba(168, 133, 71, 0.30), 0 12px 30px rgba(197, 167, 110, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.35);
  --shadow-cta-hover: 0 4px 10px rgba(168, 133, 71, 0.40), 0 18px 40px rgba(197, 167, 110, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.45);

  /* ============ TYPE ============ */
  --font-sans: "Onest", -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;

  /* Fluid type scale */
  --t-hero-1: clamp(32px, 4.2vw, 60px);
  --t-hero-2: clamp(26px, 3.2vw, 44px);
  --t-display: clamp(28px, 3.4vw, 48px);
  --t-h1: clamp(24px, 2.6vw, 36px);
  --t-h2: clamp(20px, 2.0vw, 28px);
  --t-h3: 20px;
  --t-body-lg: 18px;
  --t-body: 16px;
  --t-small: 14px;
  --t-micro: 12px;
  --t-eyebrow: 11px;

  /* Spacing */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;

  /* Header height */
  --header-h: 64px;
}

/* Accent palette variants (controlled by [data-accent="..."]) */
[data-accent="copper"] {
  --accent-1: #E5B89A;
  --accent-2: #C8845D;
  --accent-3: #9C5A38;
  --accent-glow: rgba(200, 132, 93, 0.45);
  --accent-soft: rgba(200, 132, 93, 0.12);
}
[data-accent="amber"] {
  --accent-1: #E5C88E;
  --accent-2: #C5A76E;
  --accent-3: #A88547;
  --accent-glow: rgba(197, 167, 110, 0.45);
  --accent-soft: rgba(197, 167, 110, 0.12);
}
[data-accent="gold"] {
  --accent-1: #F2D88A;
  --accent-2: #D9B459;
  --accent-3: #A88128;
  --accent-glow: rgba(217, 180, 89, 0.50);
  --accent-soft: rgba(217, 180, 89, 0.14);
}