/* ANSHAEL Brand Design System Tokens */
/* Version 3.0 - Conforming to newsite-2.md specifications */
/* Handoff copy for the ANSHAEL Brand Kit. Stone is set to the documented */
/* #8F9499 value; Inter Tight is preferred, with Inter as the web fallback. */

:root {
  /* Core Brand Palette (newsite-2.md) */
  --black: #0b0b0c;
  --charcoal: #2a2d31;
  --stone: #8f9499;
  --cloud: #e8eaed;
  --white: #ffffff;
  --blue: #2563eb;
  --blue-hover: #1d4ed8;
  --blue-subtle: rgba(37, 99, 235, 0.12);
  --ice: #d9e8ff;

  /* Semantic Aliases */
  --color-obsidian: var(--black);
  --color-slate: var(--charcoal);
  --color-stone: var(--stone);
  --color-cloud: var(--cloud);
  --color-white: var(--white);
  --color-azure: var(--blue);
  --color-azure-hover: var(--blue-hover);
  --color-azure-subtle: var(--blue-subtle);
  --color-ice: var(--ice);

  /* Semantic Surfaces & Text */
  --bg-dark: #0b0b0c;
  --bg-dark-panel: #141518;
  --bg-dark-surface: #191b1f;
  --bg-dark-card: rgba(26, 28, 33, 0.72);
  --border-dark: rgba(255, 255, 255, 0.12);
  --border-dark-subtle: rgba(255, 255, 255, 0.08);
  --text-dark-h: #ffffff;
  --text-dark-body: #ffffff;
  --text-dark-muted: #ffffff;

  /* Typography Scales (newsite-2.md) */
  --font-family-sans: 'Inter Tight', var(--font-inter), 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-family-mono: var(--font-family-sans);

  /* Desktop headline: clamp(3.75rem, 6.7vw, 8.2rem), weight 300-400, line-height: .94-1.04, optical tracking -0.045em to -0.055em */
  --text-hero: clamp(3.75rem, 6.7vw, 8.2rem);
  --text-hero-mobile: clamp(2.8rem, 11vw, 5rem);
  
  /* Section headline: clamp(3.2rem, 5.5vw, 6.5rem), weight 350-450, leading 1.02 */
  --text-h2: clamp(3.2rem, 5.5vw, 6.5rem);
  --text-h2-mobile: clamp(2.2rem, 7.5vw, 3.4rem);
  --text-h3: clamp(1.6rem, 2.4vw, 2.5rem);
  --text-h4: 1.25rem;

  /* Supporting sentence: clamp(1rem, 1.2vw, 1.25rem), regular, leading 1.4-1.55, width 28-46ch */
  --text-supporting: clamp(1rem, 1.2vw, 1.25rem);
  --text-lead: 1.25rem;
  --text-body: 1.0625rem;
  --text-meta: 0.8125rem;
  --text-eyebrow: 11px;
  --text-btn: 0.9375rem;

  /* Spacing Primitives */
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --space-96: 96px;
  --space-128: 128px;
  --space-160: 160px;

  /* Geometry & Radii */
  --radius-none: 0px;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-control: 4px;

  /* Layout & Grid (newsite-4.md) */
  --header-height-expanded: 104px;
  --header-height-compact: 68px;
  --header-height-expanded-mobile: 80px;
  --header-height-compact-mobile: 60px;
  --logo-width-expanded: 204px;
  --logo-width-compact: 126px;
  --logo-width-expanded-mobile: 156px;
  --logo-width-compact-mobile: 116px;
  --header-height: var(--header-height-compact);
  --header-height-mobile: var(--header-height-compact-mobile);
  --content-rail-max: 1440px;
  --rail-padding: clamp(28px, 5.5vw, 96px);

  /* Motion constraints (newsite-4.md) */
  --motion-entrance: cubic-bezier(0.16, 1, 0.3, 1);
  --motion-duration-fast: 280ms;
  --motion-duration-normal: 400ms;
  --motion-duration-editorial: 650ms;
  --motion-duration-hero: 800ms;
}