:root{
    --ink:#14202A;          --ink-2:#4E5A63;        --ink-3:#646F78;        --canvas:#FFFFFF;       --surface-1:#F5F2EC;    --surface-2:#EBE5D9;    --hairline:#E0DACE;     --hairline-strong:#14202A;

    --copper:#C2743A;       --copper-cta:#AE612C;   --copper-deep:#9A5A2A;  --copper-press:#7E4A22;  --on-copper:#FFFFFF;    --teal:#175E63;         --produce:#1F6B4A;    
    --ft-ink:#0B1B22;
  --ivory:#F4EFE6;
  --ivory-dim:#B9B3A6;
  --ink-line:#1F3A44;
  --copper-light:#D08A4B; 
    --font-display:'IBM Plex Sans',system-ui,sans-serif;
  --font-ui:'IBM Plex Sans',system-ui,sans-serif;
  --font-mono:'IBM Plex Mono',monospace;
  --font-arabic:'IBM Plex Sans Arabic','Noto Kufi Arabic',sans-serif; 
    --glow-1:rgba(194,116,58,.34);
  --glow-2:rgba(63,184,174,.24);
  --glow-3:rgba(216,193,147,.46);
  --glow-4:rgba(23,94,99,.10);
  --glow-fade:linear-gradient(180deg,transparent,var(--canvas));

    --rule-line:rgba(11,27,34,.055);
  --rule-line-inner:rgba(11,27,34,.075);

    --ease:cubic-bezier(.4,0,.2,1);
  --dur-hover:.15s;      --dur-reveal:.45s;     --dur-scene:2.4s;    }

:root{
  --bg:var(--canvas);
  --bg-2:var(--surface-1);
  --bg-3:var(--surface-2);
  --line:var(--hairline);
  --text:var(--ink);
  --text-2:var(--ink-2);
  --text-3:var(--ink-3);
  --accent-text:var(--copper-deep);
  --cta-bg:var(--copper-cta);
  --cta-hover:var(--copper-deep);
  --map-bg:rgba(255,255,255,.55);
  --rule-a:var(--rule-line);
  --rule-b:var(--rule-line-inner);
}

html[data-theme="dark"]{
  --bg:var(--ft-ink);
  --bg-2:color-mix(in srgb, var(--ivory) 5%, var(--ft-ink));
  --bg-3:color-mix(in srgb, var(--ivory) 10%, var(--ft-ink));
  --line:var(--ink-line);
  --text:var(--ivory);
  --text-2:var(--ivory-dim);
  --text-3:color-mix(in srgb, var(--ivory-dim) 78%, var(--ft-ink));
  --accent-text:var(--copper-light);
  --cta-bg:var(--copper-cta);
  --cta-hover:var(--copper-light);
  --map-bg:color-mix(in srgb, var(--ivory) 4%, transparent);
  --rule-a:rgba(244,239,230,.07);
  --rule-b:rgba(244,239,230,.09);
    --glow-1:rgba(194,116,58,.22);
  --glow-2:rgba(63,184,174,.14);
  --glow-3:rgba(216,193,147,.12);
  --glow-4:rgba(23,94,99,.16);
  --glow-fade:linear-gradient(180deg,transparent,var(--ft-ink));
}