/* ============================================================
   QUINTANA MEDICAL SERVICES — Design System Tokens
   WCAG 2.2 AA Compliant · "Bright Medical Premium" Direction
   ============================================================ */

:root {
  /* Surface & Base Backgrounds (60-70% ratio: Bright, luminous, warm) */
  --q-bg-primary:       #FAFAF7; /* Warm White */
  --q-bg-secondary:     #F5F3EC; /* Soft Ivory */
  --q-bg-surface:       #FFFFFF; /* Pure White Card Surface */
  --q-bg-surface-sage:  #DCE5DC; /* Soft Sage (Supporting surfaces) */
  --q-bg-dark:          #193D2A; /* Deep Forest Green (Footers, final CTA) */
  --q-bg-dark-overlay:  rgba(25, 61, 42, 0.94);

  /* Brand Greens (20-25% ratio: Structure, CTAs, Authority) */
  --q-green-deep:       #193D2A; /* Deep Forest Green - High Authority (11.5:1 on #FAFAF7) */
  --q-green-emerald:    #245640; /* Emerald Medical Green - Primary CTA (8.1:1 on #FAFAF7) */
  --q-green-hover:      #163725; /* Darker green hover state */
  --q-green-active:     #0F281B;

  /* Supporting Greens (5-10% ratio) */
  --q-sage:             #DCE5DC; /* Soft Sage */
  --q-eucalyptus:       #AABDAF; /* Muted Eucalyptus - Graphic lines, rings, borders */
  --q-mint-subtle:      #EDF4EF; /* Ultra-light mint tint for hover states */
  --q-leaf-accent:      #367B54;

  /* Restrained Warm Gold Accent (<5% ratio: Medical heritage & trust) */
  --q-gold:             #C4A45E; /* Warm Muted Gold */
  --q-gold-hover:       #B2924E;
  --q-gold-text:        #8A6F33; /* Darker Gold for accessible text (4.6:1 on #FAFAF7) */
  --q-gold-light:       #E8CE8C; /* Gold highlight on dark backgrounds */

  /* Typography Colors (High contrast & readability) */
  --q-text-main:        #1C2420; /* Dark slate ink - 15.2:1 contrast */
  --q-text-muted:       #4F5C55; /* Neutral medical slate - 6.7:1 contrast */
  --q-text-inverse:     #FAFAF7; /* Warm white text on dark green */
  --q-text-inverse-dim: #DCE5DC; /* Sage muted text on dark green */

  /* Borders & Dividers */
  --q-border-subtle:    #E4E8E2;
  --q-border-card:      #D9DED7;
  --q-border-medium:    #AABDAF;
  --q-border-gold:      rgba(196, 164, 94, 0.4);

  /* Functional & Feedback */
  --q-success:          #2E6B4E;
  --q-warning:          #8C6A1F;
  --q-error:            #A8402F;
  --q-focus-ring:       #C4A45E;

  /* Typography Families (Biograph Editorial Quality Stack) */
  --q-font-serif:       'Instrument Serif', 'Lora', Georgia, 'Times New Roman', serif;
  --q-font-sans:        'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --q-font-brand:       'Cinzel', serif;
  --q-font-italic:      'Instrument Serif', 'Cormorant Garamond', Georgia, serif;

  /* Typography Scale */
  --q-text-xs:          0.75rem;    /* 12px */
  --q-text-sm:          0.875rem;   /* 14px */
  --q-text-base:        1rem;       /* 16px */
  --q-text-lg:          1.125rem;   /* 18px */
  --q-text-xl:          1.25rem;    /* 20px */
  --q-text-2xl:         1.625rem;   /* 26px */
  --q-text-3xl:         2.125rem;   /* 34px */
  --q-text-4xl:         2.75rem;    /* 44px */
  --q-text-display:     3.5rem;     /* 56px */

  /* Spacing Scale (4px Base) */
  --q-sp-1:             4px;
  --q-sp-2:             8px;
  --q-sp-3:             12px;
  --q-sp-4:             16px;
  --q-sp-5:             20px;
  --q-sp-6:             24px;
  --q-sp-8:             32px;
  --q-sp-10:            40px;
  --q-sp-12:            48px;
  --q-sp-16:            64px;
  --q-sp-20:            80px;
  --q-sp-24:            96px;
  --q-sp-32:            128px;

  /* Radii */
  --q-radius-sm:        4px;
  --q-radius-md:        8px;
  --q-radius-lg:        16px;
  --q-radius-xl:        24px;
  --q-radius-pill:      9999px;

  /* Shadows (Sophisticated & Subtle) */
  --q-shadow-sm:        0 1px 3px rgba(25, 61, 42, 0.04);
  --q-shadow-card:      0 2px 10px rgba(25, 61, 42, 0.05);
  --q-shadow-hover:     0 8px 24px rgba(25, 61, 42, 0.08);
  --q-shadow-nav:       0 4px 20px rgba(25, 61, 42, 0.06);

  /* Motion */
  --q-ease-smooth:      cubic-bezier(0.25, 1, 0.5, 1);
  --q-duration-fast:    150ms;
  --q-duration-normal:  280ms;
  --q-duration-slow:    450ms;
}