/* ===================================================================

   BoozeButler / Halytic Design System v1.0

   Theme Tokens — Colors, Typography, Radii, Shadows, Spacing

   =================================================================== */



/* Root Theme -------------------------------------------------------- */

:root {



  /* ---------------------------------------------------------------

     Brand / Accent Colors

     BoozeButler Gold – Warm Goldish Brown (#C47E42)

     --------------------------------------------------------------- */

  --accent: #C47E42;

  --accent-hover: #A66B35;

  --accent-active: #8F5A2A;

  --accent-light: #F4E8D3;

  --accent-muted: #D4A574;



  /* ---------------------------------------------------------------

     Text Colors

     --------------------------------------------------------------- */

  --text-strong: #1F1F1F;

  --text-default: #393939;

  --text-muted: #6B6B6B;

  --text-inverse: #FFFFFF;



  /* ---------------------------------------------------------------

     Background Colors

     --------------------------------------------------------------- */

  --bg-app: #F7F3EF;      /* Main app background */

  --bg-surface: #FFFFFF;  /* Elevated cards */

  --bg-subtle: #FBF9F7;

  --bg-hover: #F2EFEA;



  /* ---------------------------------------------------------------

     Borders

     --------------------------------------------------------------- */

  --border-subtle: rgba(0, 0, 0, 0.06);

  --border-medium: rgba(0, 0, 0, 0.12);



  /* ---------------------------------------------------------------

     Radii (Hybrid Premium System)

     --------------------------------------------------------------- */

  --radius-card: 12px;

  --radius-button: 8px;

  --radius-input: 6px;

  --radius-tag: 6px;

  --radius-modal: 16px;

  --radius-avatar: 50%;



  /* ---------------------------------------------------------------

     Spacing Scale (4–8–16–24–32–48 System)
     Updated to match validator + canonical BoozeButler spacing scale

     --------------------------------------------------------------- */

  --space-2xs: 4px;

  --space-xs: 4px;

  --space-sm: 8px;

  --space-md: 16px;

  --space-lg: 24px;

  --space-xl: 32px;

  --space-2xl: 48px;



  /* ---------------------------------------------------------------

     Shadows / Elevation

     --------------------------------------------------------------- */

  --shadow-xs: 0px 1px 2px rgba(0,0,0,0.04);

  --shadow-sm: 0px 2px 6px rgba(0,0,0,0.05);

  --shadow-md: 0px 4px 12px rgba(0,0,0,0.08);

  --shadow-lg: 0px 8px 24px rgba(0,0,0,0.12);



  /* ---------------------------------------------------------------

     TYPOGRAPHY TOKENS — UNIFIED SCALE

     Added in Chunk 120 Phase 2.1

     --------------------------------------------------------------- */



  /* Font families */

  --font-ui: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

  --font-display: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

  --font-sans: Inter, -apple-system, BlinkMacSystemFont,

               "SF Pro Text", "Helvetica Neue", Arial, sans-serif;

  --font-heading: Inter, -apple-system, BlinkMacSystemFont,

                  "SF Pro Display", "Helvetica Neue", Arial, sans-serif;



  /* Unified type scale */

  --font-size-xs: 12px;

  --font-size-sm: 14px;

  --font-size-md: 16px;

  --font-size-lg: 20px;

  --font-size-xl: 24px;

  --font-size-2xl: 32px;

  --font-size-3xl: 40px;

  --font-size-display: 48px;



  /* Legacy font size tokens (for backwards compatibility) */

  --text-xs: 13px;

  --text-sm: 14px;

  --text-md: 16px;

  --text-lg: 18px;

  --heading-sm: 20px;

  --heading-md: 24px;

  --heading-lg: 32px;

  /* remove old token duplicates */
  /* --heading-xl: 40px; (removed - use --font-size-3xl instead) */



  /* Line heights */

  --line-height-tight: 1.1;

  --line-height-snug: 1.25;

  --line-height-normal: 1.5;

  --lh-tight: 1.1;

  --lh-default: 1.4;

  --lh-relaxed: 1.6;



  /* Font weights */

  --weight-regular: 400;

  --weight-medium: 500;

  --weight-semibold: 600;

  --weight-bold: 700;



  /* ---------------------------------------------------------------

     Transitions

     --------------------------------------------------------------- */

  --transition-fast: 120ms ease;

  --transition-md: 180ms ease;

  --transition-slow: 260ms ease;



  /* ---------------------------------------------------------------

     Z-Index Scale

     --------------------------------------------------------------- */

  --z-base: 1;

  --z-header: 10;

  --z-dropdown: 20;

  --z-overlay: 30;

  --z-modal: 40;

  --z-toast: 50;

}