/* GENERATED by tools/build_tokens.py from tokens/design-tokens.json. DO NOT EDIT. */
:root {
  --sp-color-brand-gold: #bcaf73;
  --sp-color-brand-gold-2: #d4af37;
  --sp-color-brand-bronze: #956537;
  --sp-color-bronze-700: #7a5129;
  --sp-color-bronze-100: #f1e8dc;
  --sp-color-gold-100: #f6f2e4;
  --sp-color-bg: #faf8f4;
  --sp-color-surface: #ffffff;
  --sp-color-surface-alt: #f3efe6;
  --sp-color-text: #231f1a;
  --sp-color-text-muted: #5c5448;
  --sp-color-border: #e2dac7;
  --sp-color-border-strong: #8c8167;
  --sp-color-dark: #2a241c;
  --sp-color-on-dark: #f6f2e4;
  --sp-color-success: #2d6a3e;
  --sp-color-warning: #8a5a00;
  --sp-color-error: #a32d2d;
  --sp-color-info: #2f5d7a;
  --sp-color-success-bg: #e8f3ec;
  --sp-color-warning-bg: #fbf1dc;
  --sp-color-error-bg: #fbe9e9;
  --sp-color-info-bg: #e7f0f6;
  --sp-color-focus: #7a5129;
  --sp-font-heading: "Cairo", "Tajawal", "Segoe UI", Tahoma, system-ui, -apple-system, sans-serif;
  --sp-font-body: "Tajawal", "Cairo", "Segoe UI", Tahoma, system-ui, -apple-system, sans-serif;
  --sp-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --sp-size-xs: 0.8125rem;
  --sp-size-sm: 0.9375rem;
  --sp-size-base: 1.0625rem;
  --sp-size-lg: 1.1875rem;
  --sp-size-h6: 1.0625rem;
  --sp-size-h5: 1.1875rem;
  --sp-size-h4: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);
  --sp-size-h3: clamp(1.4rem, 1.2rem + 0.9vw, 1.875rem);
  --sp-size-h2: clamp(1.65rem, 1.3rem + 1.5vw, 2.5rem);
  --sp-size-h1: clamp(2rem, 1.4rem + 2.6vw, 3.5rem);
  --sp-lh-tight: 1.25;
  --sp-lh-snug: 1.4;
  --sp-lh-body: 1.75;
  --sp-weight-regular: 400;
  --sp-weight-medium: 500;
  --sp-weight-semibold: 600;
  --sp-weight-bold: 700;
  --sp-space-1: 0.25rem;
  --sp-space-2: 0.5rem;
  --sp-space-3: 0.75rem;
  --sp-space-4: 1rem;
  --sp-space-5: 1.5rem;
  --sp-space-6: 2rem;
  --sp-space-7: 3rem;
  --sp-space-8: 4.5rem;
  --sp-space-9: 6rem;
  --sp-radius-sm: 6px;
  --sp-radius-md: 10px;
  --sp-radius-lg: 16px;
  --sp-radius-pill: 999px;
  --sp-shadow-sm: 0 1px 2px rgba(35,31,26,.08);
  --sp-shadow-md: 0 6px 18px rgba(35,31,26,.10);
  --sp-shadow-lg: 0 16px 40px rgba(35,31,26,.14);
  --sp-container: 1200px;
  --sp-container-wide: 1360px;
  --sp-gutter: clamp(1rem, 4vw, 2rem);
  --sp-section-y: clamp(3rem, 6vw, 6rem);
  --sp-motion-fast: 120ms;
  --sp-motion-base: 200ms;
  --sp-motion-ease: cubic-bezier(.2,.7,.2,1);
  --sp-control-height: 2.875rem;
  --sp-control-touch-min: 44px;
}