/* AUTO-GENERATED from /design/tokens.json. Do not edit this file directly.
   Run: php bin/build_design_tokens.php */
:root{
  --dt-color-brand-primary:#9a5b12;
  --dt-color-brand-secondary:#151515;
  --dt-color-brand-accent:#b45309;
  --dt-color-neutral-0:#ffffff;
  --dt-color-neutral-25:#fffdf9;
  --dt-color-neutral-50:#faf9f7;
  --dt-color-neutral-100:#f3f4f2;
  --dt-color-neutral-200:#e4e5e2;
  --dt-color-neutral-300:#c9ccc7;
  --dt-color-neutral-500:#686b67;
  --dt-color-neutral-700:#363936;
  --dt-color-neutral-900:#171817;
  --dt-color-neutral-950:#0d0e0f;
  --dt-color-status-success:#17643a;
  --dt-color-status-success-soft:#e4f5ea;
  --dt-color-status-warning:#8a5b0d;
  --dt-color-status-warning-soft:#fff4d8;
  --dt-color-status-danger:#9b2c2c;
  --dt-color-status-danger-soft:#fbe7e7;
  --dt-color-status-info:#214e84;
  --dt-color-status-info-soft:#e2ecfb;
  --dt-space-0:0;
  --dt-space-1:4px;
  --dt-space-2:8px;
  --dt-space-3:12px;
  --dt-space-4:16px;
  --dt-space-5:20px;
  --dt-space-6:24px;
  --dt-space-7:32px;
  --dt-space-8:40px;
  --dt-space-9:48px;
  --dt-space-10:64px;
  --dt-space-11:80px;
  --dt-space-12:96px;
  --dt-radius-xs:6px;
  --dt-radius-sm:10px;
  --dt-radius-md:12px;
  --dt-radius-lg:18px;
  --dt-radius-xl:22px;
  --dt-radius-2xl:28px;
  --dt-radius-full:999px;
  --dt-shadow-xs:0 1px 2px rgba(15,17,19,.04);
  --dt-shadow-sm:0 12px 34px rgba(15,17,19,.07);
  --dt-shadow-md:0 24px 70px rgba(15,17,19,.11);
  --dt-shadow-lg:0 34px 90px rgba(15,17,19,.16);
  --dt-font-family-sans:Inter, Segoe UI, Tahoma, Arial, sans-serif;
  --dt-font-family-arabic:Tahoma, Arial, sans-serif;
  --dt-font-size-xs:.75rem;
  --dt-font-size-sm:.875rem;
  --dt-font-size-base:1rem;
  --dt-font-size-lg:1.125rem;
  --dt-font-size-xl:1.25rem;
  --dt-font-size-2xl:1.5rem;
  --dt-font-size-3xl:2rem;
  --dt-font-size-4xl:2.75rem;
  --dt-font-size-display:4.5rem;
  --dt-font-weight-regular:400;
  --dt-font-weight-medium:500;
  --dt-font-weight-semibold:600;
  --dt-font-weight-bold:700;
  --dt-font-weight-black:800;
  --dt-font-line-height-tight:1.12;
  --dt-font-line-height-normal:1.5;
  --dt-font-line-height-relaxed:1.7;
  --dt-motion-duration-fast:120ms;
  --dt-motion-duration-base:220ms;
  --dt-motion-duration-slow:360ms;
  --dt-motion-easing-standard:cubic-bezier(.22,1,.36,1);
  --dt-motion-easing-linear:linear;
  --dt-layout-container-narrow:900px;
  --dt-layout-container-default:1240px;
  --dt-layout-container-wide:1520px;
  --dt-layout-container-admin:1540px;
  --dt-layout-page-gutter:clamp(16px,3vw,38px);
  --dt-layout-admin-gutter:clamp(14px,2.2vw,30px);
  --dt-layout-section-space:clamp(64px,8vw,116px);
  --dt-layout-sidebar:304px;
  --dt-control-height-sm:36px;
  --dt-control-height-md:44px;
  --dt-control-height-lg:48px;
  --dt-z-base:1;
  --dt-z-sticky:60;
  --dt-z-navigation:80;
  --dt-z-header:100;
  --dt-z-overlay:120;
  --dt-z-toast:140;
  --dt-z-modal:160;
  --dt-breakpoint-sm:640px;
  --dt-breakpoint-md:900px;
  --dt-breakpoint-lg:980px;
  --dt-breakpoint-xl:1240px;
  --dt-semantic-background:var(--dt-color-neutral-0);
  --dt-semantic-surface:var(--dt-color-neutral-25);
  --dt-semantic-surface-muted:var(--dt-color-neutral-50);
  --dt-semantic-text:var(--dt-color-neutral-900);
  --dt-semantic-text-muted:var(--dt-color-neutral-500);
  --dt-semantic-border:var(--dt-color-neutral-200);
  --dt-semantic-action-primary:var(--dt-color-brand-primary);
  --dt-semantic-action-secondary:var(--dt-color-brand-secondary);
  --dt-semantic-action-accent:var(--dt-color-brand-accent);
  --dt-semantic-radius-card:var(--dt-radius-lg);
  --dt-semantic-radius-control:var(--dt-radius-md);
  --dt-semantic-radius-pill:var(--dt-radius-full);
  --dt-semantic-shadow-card:var(--dt-shadow-sm);
  --dt-semantic-shadow-overlay:var(--dt-shadow-lg);
  --dt-semantic-focus-ring:0 0 0 4px color-mix(in srgb, var(--dt-color-brand-primary) 20%, transparent);
  --dt-semantic-overlay:rgba(13,14,15,.58);
  --dt-semantic-surface-elevated:var(--dt-color-neutral-0);
  --dt-semantic-text-on-primary:var(--dt-color-neutral-0);
  --dt-semantic-action-accent-accessible:var(--dt-color-brand-accent);
  --dt-admin-background:#f3f4f6;
  --dt-admin-surface:var(--dt-color-neutral-0);
  --dt-admin-text:var(--dt-color-neutral-900);
  --dt-admin-text-muted:var(--dt-color-neutral-500);
  --dt-admin-border:#e1e3df;
  --dt-admin-navigation:var(--dt-color-neutral-950);
  --dt-admin-navigation-soft:#17191a;
}

/* Direction-aware font fallback. Runtime theme CSS may override --dt-font-family-active. */
:root{--dt-font-family-active:var(--dt-font-family-sans)}
html[dir="rtl"]{--dt-font-family-active:var(--dt-font-family-arabic)}