/* =================================================================
   DOMI PATTERNS · DESIGN TOKENS
   Pure CSS variable declarations. Loaded by the plugin BEFORE
   components.css. No dependency on theme.json — works with Astra
   (or any other theme) without overriding the theme's own tokens.
   ================================================================= */

:root {
  /* Navy ramp */
  --navy-900: #0E1A30;
  --navy-800: #142340;
  --navy-700: #1A2B4A;       /* primary brand */
  --navy-600: #243A5E;
  --navy-500: #36507A;
  --navy-300: #8AA0BF;
  --navy-200: #BCCBE0;
  --navy-100: #DDE5F0;
  --navy-050: #EEF2F8;

  /* Steel / neutrals */
  --steel-900: #1F2937;
  --steel-700: #374151;
  --steel-500: #6B7280;
  --steel-400: #9CA3AF;
  --steel-300: #CBD5E1;
  --steel-200: #E5E7EB;
  --steel-100: #F1F3F6;

  /* Paper */
  --paper:   #F8F9FA;
  --paper-2: #FFFFFF;
  --paper-3: #FBFBFC;

  /* Accent */
  --accent:        #E8711A;
  --accent-600:    #C75C0E;
  --accent-100:    #FDE9D7;
  --accent-050:    #FEF6EE;

  /* Semantic */
  --success:     #1B7F4D;
  --success-100: #DDEFE5;

  /* Lines */
  --line:        rgba(20, 35, 64, 0.10);
  --line-strong: rgba(20, 35, 64, 0.18);

  /* Typography */
  --f-head: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --f-body: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --f-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* Layout */
  --maxw: 1280px;
  --gutter: clamp(20px, 4vw, 48px);
  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 14px;

  /* Shadows */
  --sh-1: 0 1px 2px rgba(15, 26, 48, .04), 0 1px 1px rgba(15,26,48,.04);
  --sh-2: 0 6px 18px -8px rgba(15,26,48,.15), 0 2px 6px rgba(15,26,48,.05);
  --sh-3: 0 24px 48px -20px rgba(15,26,48,.25);
}