/* ==========================================================================
   Stitch Design Tokens — Gleb Planner
   GP-DESIGN-002-A1
   Only CSS custom properties. Reset & base styles live in base.css.
   ========================================================================== */

/* --- Fonts --- */
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');

/* --- Stitch Palette --- */
:root {
  /* Surface */
  --surface: #f8fafb;
  --surface-container: #eaeef0;
  --surface-container-low: #f1f4f5;
  --surface-container-high: #e4e9eb;
  --surface-container-lowest: #ffffff;

  /* Primary */
  --primary: #006498;
  --primary-dark: #005580;
  --primary-light: #85c7ff;
  --primary-container: #85c7ff;
  --primary-dim: #005886;
  --on-primary: #f6f9ff;

  /* Secondary */
  --secondary: #745c00;
  --secondary-container: #ffe087;
  --on-secondary-container: #644f00;

  /* Tertiary */
  --tertiary: #006d43;
  --tertiary-container: #9ffcc4;
  --on-tertiary-container: #00623c;

  /* Semantic */
  --error: #ac3434;
  --on-surface: #2d3435;
  --on-surface-variant: #596062;
  --outline: #757c7e;
  --outline-variant: #acb3b5;

  /* Inverse (тёмные поверхности — toast, snackbar) */
  --inverse-surface: #2d3435;
  --on-inverse: #f8fafb;
  --on-inverse-strong: #ffffff;
  --on-inverse-variant: #b6c0c2;
  --inverse-overlay-low: rgba(255, 255, 255, 0.08);
  --inverse-overlay-high: rgba(255, 255, 255, 0.12);
  --on-tertiary: #ffffff;

  /* Scrim (overlay поверх UI при модалках/sheet'ах) */
  --scrim-sheet: rgba(20, 26, 32, 0.32);
  --scrim-modal: rgba(20, 26, 32, 0.45);

  /* Effects */
  --shadow: 0 12px 32px -4px rgba(45, 52, 53, 0.06);
  --shadow-press: 0 4px 12px -2px rgba(45, 52, 53, 0.08);
  --shadow-clay-lift: 0 16px 40px -8px rgba(45, 52, 53, 0.18);

  /* Accent */
  --cta: #F97316;
  --xp-gold: #F59E0B;
  --pixel-dark: #3D2C1E;

  /* Hover / highlight */
  --hover-highlight: #eef6ff;

  /* Radii */
  --radius-md: 1.25rem;
  --radius-lg: 2rem;
  --radius-xl: 3rem;
}