/* ==========================================================================
   ADIFFIC DIGITAL BRANDING AGENCY - DESIGN TOKENS (VIVID GEOMETRY)
   Based on Stitch Minimalist UI Design System
   ========================================================================== */

:root {
  /* Brand Core Colors */
  --color-primary: #9a4600;
  --color-primary-container: #f47920;
  --color-primary-fixed: #ffdbc9;
  --color-primary-fixed-dim: #ffb68d;
  --color-on-primary: #ffffff;
  --color-on-primary-container: #572400;
  --color-on-primary-fixed: #321200;
  --color-inverse-primary: #ffb68d;

  /* Surfaces & Backgrounds */
  --color-background: #f9f9f9;
  --color-on-background: #1a1c1c;
  --color-surface: #f9f9f9;
  --color-surface-bright: #f9f9f9;
  --color-surface-dim: #dadada;
  --color-surface-container-lowest: #ffffff;
  --color-surface-container-low: #f3f3f3;
  --color-surface-container: #eeeeee;
  --color-surface-container-high: #e8e8e8;
  --color-surface-container-highest: #e2e2e2;
  --color-surface-variant: #e2e2e2;
  --color-on-surface: #1a1c1c;
  --color-on-surface-variant: #574237;
  --color-inverse-surface: #2f3131;
  --color-inverse-on-surface: #f1f1f1;

  /* Secondary & Accents */
  --color-secondary: #635d5e;
  --color-secondary-container: #e9e0e1;
  --color-on-secondary: #ffffff;
  --color-on-secondary-container: #696364;
  --color-secondary-fixed: #e9e0e1;
  --color-secondary-fixed-dim: #cdc4c5;
  --color-on-secondary-fixed: #1e1b1c;

  /* Tertiary & Utility */
  --color-tertiary: #5d5f5f;
  --color-tertiary-container: #9b9c9c;
  --color-on-tertiary: #ffffff;
  --color-on-tertiary-container: #323434;
  --color-outline: #8b7265;
  --color-outline-variant: #dec0b1;
  --color-surface-tint: #9a4600;

  /* Success & Error */
  --color-error: #ba1a1a;
  --color-on-error: #ffffff;
  --color-error-container: #ffdad6;
  --color-success: #1b873f;
  --color-success-container: #d2f4dc;

  /* Typography */
  --font-display: 'Bricolage Grotesque', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

  /* Spacing Grid (8px Base System) */
  --space-xs: 4px;
  --space-base: 8px;
  --space-sm: 12px;
  --space-md: 24px;
  --space-lg: 48px;
  --space-xl: 80px;
  --space-2xl: 120px;
  --space-3xl: 160px;
  
  --container-max: 1280px;
  --gutter: 24px;
  --margin-desktop: 48px;
  --margin-mobile: 16px;

  /* Border Radii */
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-DEFAULT: 8px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-2xl: 28px;
  --radius-full: 9999px;

  /* Neo-Brutalist & Modern Shadow Presets */
  --shadow-black-sm: 3px 3px 0px 0px #1a1c1c;
  --shadow-black: 4px 4px 0px 0px #1a1c1c;
  --shadow-black-lg: 8px 8px 0px 0px #1a1c1c;
  --shadow-orange: 6px 6px 0px 0px #f47920;
  --shadow-orange-lg: 10px 10px 0px 0px #f47920;
  --shadow-secondary: 8px 8px 0px 0px #e9e0e1;
  --shadow-primary-fixed: 6px 6px 0px 0px #ffdbc9;
  --shadow-glass: 0 20px 40px -15px rgba(26, 28, 28, 0.08);

  /* Z-Index Hierarchy */
  --z-negative: -1;
  --z-elevate: 1;
  --z-sticky: 100;
  --z-drawer: 200;
  --z-header: 300;
  --z-modal-backdrop: 9998;
  --z-modal: 9999;
  --z-toast: 10000;
}