/* scoped under .frost-page — generated by docs/_integrate_frosted.mjs */
.frost-page {
  
  --color-forest: #203515;        
  --color-forest-deep: #14240D;   
  --color-forest-medium: #304321;
  --color-forest-soft: #3d4e2b;
  --color-lime: #25D366;          
  --color-lime-bright: #1DBE59;   
  --color-action-dark: #159447;   
  --color-olive-gold: #817D55;    
  --color-olive-light: #AAA378;   
  --color-frost: #FAFAF8;         
  --color-warm-white: #F5F4EE;    
  --color-glass-grey: #E8EBE4;    
  --color-soft-grey: #E8EBE4;
  --color-charcoal: #14240D;      
  --color-body: #4E584A;
  --color-muted: #7C8578;
  --color-white: #FFFFFF;

  
  --bg: var(--color-white);
  --bg-frost: var(--color-frost);
  --bg-glass: var(--color-glass-grey);
  --text: var(--color-charcoal);
  --text-muted: var(--color-body);
  --heading: var(--color-forest-deep);
  --accent: var(--color-lime);
  --accent-strong: var(--color-action-dark); 
  --gold: var(--color-olive-gold);
  --line: rgba(20, 36, 13, 0.14);
  --line-light: rgba(255, 255, 255, 0.16);

  
  --radius-sm: 0.5rem;
  --radius-md: 0.875rem;
  --radius-lg: 1.25rem;
  --radius-xl: 1.75rem;
  --radius-pill: 999px;

  
  --shadow-sm: 0 4px 16px rgba(20, 36, 13, 0.06);
  --shadow-md: 0 12px 35px rgba(20, 36, 13, 0.10);
  --shadow-lg: 0 24px 70px rgba(20, 36, 13, 0.14);
  --shadow-glass: 0 1px 0 rgba(255,255,255,.6) inset, 0 10px 30px rgba(20,36,13,.08);

  
  --container: 1240px;
  --container-wide: 1400px;
  --gutter: clamp(1.1rem, 4vw, 2.5rem);
  --section-space: clamp(4rem, 9vw, 8.5rem);

  
  --font-head: "Sora", "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-arabic: "IBM Plex Sans Arabic", "Noto Kufi Arabic", var(--font-body);

  --fs-display: clamp(2.7rem, 6vw, 5.5rem);
  --fs-h1: clamp(2.4rem, 5.3vw, 4.6rem);
  --fs-h2: clamp(1.9rem, 4vw, 3.2rem);
  --fs-h3: clamp(1.3rem, 2.4vw, 1.85rem);
  --fs-lead: clamp(1.05rem, 1.4vw, 1.25rem);
  --fs-body: clamp(1rem, 1.05vw, 1.08rem);
  --fs-small: 0.875rem;
  --fs-label: 0.75rem;

  --lh-tight: 1.08;
  --lh-head: 1.15;
  --lh-body: 1.65;

  
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 140ms;
  --dur: 260ms;
  --dur-slow: 480ms;

  
  --z-header: 100;
  --z-drawer: 200;
  --z-modal: 300;
  --z-mobilebar: 150;
  --z-toast: 400;
}
@media (prefers-reduced-motion: reduce) {
.frost-page {
    --dur-fast: 0ms;
    --dur: 0ms;
    --dur-slow: 0ms;
  }
}