/* Design System Tokens — Pristine Lights & Decor LLP
 * Fluid Architectural Layout & Confident Luxury Scale (Fully Responsive)
 */
:root {
  /* Canvas & Background Colors (70% Light / 30% Dark Strategy) */
  --color-canvas-primary: #FAFAF8;       /* Clean Warm Architectural White */
  --color-canvas-white: #FFFFFF;         /* Pure Gallery White */
  --color-canvas-stone: #F3F5F4;         /* Soft Architectural Stone Grey */
  --color-canvas-stone-subtle: #E6E9E8;  /* Subtle Stone Divider / Tint */

  /* Cinematic Dark Canvas (Selective 30% Sections: Projects, Consultation, Footer) */
  --color-dark-primary: #121417;        /* Deep Obsidian / Carbon Stage */
  --color-dark-secondary: #0A0C0E;      /* Deepest Obsidian Carbon */
  --color-dark-surface: #181B1F;        /* Elevated Dark Surface */
  --color-dark-border: rgba(255, 255, 255, 0.09);

  /* Typography Colors */
  --color-text-primary: #141719;        /* Deep Obsidian Charcoal on Light */
  --color-text-secondary: #4A5154;      /* High-contrast Neutral Slate Grey on Light */
  --color-text-muted: #6E7578;          /* Faint Metadata on Light */
  
  --color-text-on-dark: #FAFAF8;        /* Warm White on Dark */
  --color-text-on-dark-muted: #A1A8AB;  /* Mineral Slate Grey on Dark */
  --color-text-on-dark-faint: #6E7679;

  /* Brand Accents — Extracted directly from Official Pristine Logo */
  --color-brand-cyan: #008FA8;          /* High-contrast signature cyan for light backgrounds */
  --color-brand-cyan-bright: #25AAE1;   /* Logo core cyan (#25AAE1) for dark surfaces & highlights */
  --color-brand-cyan-hover: #00768C;    /* Deepened cyan hover */
  --color-brand-cyan-subtle: rgba(0, 143, 168, 0.08);
  --color-brand-cyan-border: rgba(0, 143, 168, 0.25);
  
  --color-brand-glow: #CEDF63;          /* Green-Yellow illumination accent from logo */
  --color-brand-glow-subtle: rgba(206, 223, 99, 0.16);

  /* Hairlines & Borders */
  --color-border-light: rgba(20, 23, 25, 0.10);
  --color-border-light-medium: rgba(20, 23, 25, 0.18);
  --color-border-dark: rgba(255, 255, 255, 0.09);

  /* Typography Families */
  --font-display: 'Cormorant Garamond', Garamond, Georgia, 'Times New Roman', serif;
  --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* Spacing Scale */
  --space-2xs: 4px;
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 36px;
  --space-xl: 48px;
  --space-2xl: 64px;
  --space-3xl: 88px;
  --space-4xl: 120px;
  --space-section: clamp(3.75rem, 7vw, 8.5rem);
  --space-section-sm: clamp(2.5rem, 5vw, 5.5rem);

  /* Fluid & Grand Architectural Containers */
  --container-max: 1680px;
  --container-narrow: 1240px;
  --container-padding: clamp(1rem, 3.5vw, 4.5rem);

  /* Header Dimensions */
  --header-height: clamp(72px, 7vw, 104px);
  --header-height-scrolled: clamp(62px, 6vw, 82px);

  /* Transitions */
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.6s cubic-bezier(0.16, 1, 0.3, 1);

  /* Architectural Sharp Edges */
  --radius-none: 0px;
  --radius-input: 2px;
}