/* ============================================================
   BRAND TOKENS — Roomzy
   ============================================================
   This file defines the per-product brand identity.
   To re-skin for another product, replace ONLY this file.
   All structural styling stays identical.

   Brand: Roomzy (2025 refresh)
   Source of truth: official logo SVG.
     Light logo:  st0 #2563EB  (R icon)        — primary brand
                  st1 #1E40AF  (wordmark)      — deep brand / accent
     Dark logo:   st1 #60A5FA  (R icon on dark)— light-on-dark variant

   System:
     - Primary  = Royal Blue ramp seeded at #2563EB (Tailwind blue-600)
     - Accent   = Deep Blue  ramp seeded at #1E40AF (Tailwind blue-800)
     - Highlight on dark surfaces = #60A5FA (Tailwind blue-400)
     - Warning  semantic stays vivid amber (#f5930d) — defined in
       theme-tokens.css, NOT brand. Keep brand and semantic separate.
   ============================================================ */

:root {
  /* ===== PRIMARY — Royal Blue (canonical brand) =====
     9-step ramp seeded from #2563EB (Roomzy "R" mark).
     Use 500 for canonical brand surfaces; 50/100 for tinted backgrounds;
     600/700 for hover/pressed; 800/900 for text on light tints. */
  --brand-50:  #EFF6FF;
  --brand-100: #DBEAFE;
  --brand-200: #BFDBFE;
  --brand-300: #93C5FD;
  --brand-400: #60A5FA;
  --brand-500: #2563EB;   /* canonical brand — Roomzy blue */
  --brand-600: #1D4ED8;
  --brand-700: #1E40AF;   /* matches wordmark deep blue */
  --brand-800: #1E3A8A;
  --brand-900: #172554;

  /* Brand alpha tints for backgrounds (seeded on #2563EB) */
  --brand-alpha-08: rgba(37, 99, 235, 0.08);
  --brand-alpha-12: rgba(37, 99, 235, 0.12);
  --brand-alpha-18: rgba(37, 99, 235, 0.18);
  --brand-alpha-25: rgba(37, 99, 235, 0.25);

  /* Logo / icon mark color — same as brand-500 */
  --brand-mark: var(--brand-500);

  /* Light-on-dark variant for dark theme accents (matches dark logo) */
  --brand-light-on-dark: #60A5FA;

  /* ===== ACCENT — Deep Blue (secondary brand) =====
     9-step ramp seeded from #1E40AF (Roomzy logo wordmark / deep tone).
     Used for secondary surfaces, headlines on dark, chart series 2,
     and any "deep" emphasis. Never replaces primary blue for CTAs. */
  --accent-50:  #EEF2FF;
  --accent-100: #E0E7FF;
  --accent-200: #C7D2FE;
  --accent-300: #A5B4FC;
  --accent-400: #6366F1;
  --accent-500: #1E40AF;   /* canonical accent — Roomzy deep blue */
  --accent-600: #1E3A8A;
  --accent-700: #1E3470;
  --accent-800: #172554;
  --accent-900: #0F172A;

  /* Accent alpha tints (seeded on #1E40AF) */
  --accent-alpha-08: rgba(30, 64, 175, 0.08);
  --accent-alpha-12: rgba(30, 64, 175, 0.12);
  --accent-alpha-18: rgba(30, 64, 175, 0.18);
  --accent-alpha-25: rgba(30, 64, 175, 0.25);

  /* Light-on-dark variant for dark theme accents */
  --accent-light-on-dark: #A5B4FC;
}