/* Generated by scripts/tokens-to-css.py from the site block of design/tokens.json. Do not edit. */

:root {
  color-scheme: light;
  --color-surface-0: #FAF7F0;
  --color-surface-1: #F2EDE2;
  --color-surface-2: #E9E1D0;
  --color-surface-3: #DFD3BB;
  --color-paper: #FFFFFF;
  --color-border: #D2C6AE;
  --color-ink: #1F1A12;
  --color-text-primary: #1F1A12;
  --color-text-secondary: #5C5446;
  --color-accent: #D9921A;
  --color-accent-soft: #F6DFAE;
  --color-accent-ink: #1F1200;
  --color-success: #2F7D4F;
  --color-warning: #B7791F;
  --color-danger: #B23A31;
  --sbarah-bg: #F5F0E8;
  --sbarah-accent: #61753D;
  --sbarah-heart: #B2675E;
  --sbarah-text: #37461F;
  --radius-none: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --border-default: 2px;
  --border-focus: 2px;
  --border-edge: 3px;
  --border-ring: 4px;
  --type-h1: 96px;
  --type-h2: 64px;
  --type-h3: 32px;
  --type-lead: 28px;
  --type-body: 20px;
  --type-small: 18px;
  --type-h1-sm: 44px;
  --type-h2-sm: 36px;
  --type-h3-sm: 26px;
  --type-lead-sm: 22px;
  --type-body-sm: 18px;
  --type-display: 176px;
  --type-display-sm: 52px;
  --target-min: 56px;
  --hex-size-md: 72px;
  --hex-size-lg: 88px;
  --hex-gap: 6px;
  --font-family: "IBM Plex Sans Arabic", system-ui, sans-serif;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-steady: linear;
  --duration-fast: 120ms;
  --duration-base: 240ms;
  --duration-slow: 480ms;
  --duration-stagger: 40ms;
  --duration-loop: 10000ms;
  --duration-marquee: 48000ms;
  --scene-length: 5;
  --scene-select: 0.2;
  --scene-open: 0.4;
  --scene-pick: 0.62;
  --scene-result: 0.84;
  --scene-ring-step: 0.06;
  --scene-ramp: 0.1;
}

/* Reduced motion zeroes every duration. */
@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 0ms;
    --duration-base: 0ms;
    --duration-slow: 0ms;
    --duration-stagger: 0ms;
    --duration-loop: 0ms;
    --duration-marquee: 0ms;
  }
}