/* fudge3d.tokens.css - generated from the design system, do not hand-edit */
:root {
  /* brand - theme independent */
  --f3-chocolate-900:#2B1B15; --f3-chocolate-800:#3E2723; --f3-chocolate-600:#5D4037;
  --f3-fudge-500:#795548;    --f3-fudge-300:#A1887F;     --f3-latte-200:#C8A99A;
  --f3-cream-100:#F2EBE0;    --f3-cream-50:#FAF3E8;
  --f3-caramel-800:#8F5D14;  --f3-caramel-700:#B87A22;   --f3-caramel-600:#D89530;
  --f3-caramel-500:#E8A33D;  --f3-caramel-300:#F3C983;   --f3-caramel-100:#FBEBD0;
  --f3-caramel-50:#FDF6EA;

  /* not in the doc's section 5 appendix, but named per section 7.1's literal
     danger-button text colour so no hex appears outside this file */
  --f3-on-danger:#FFFFFF;

  /* geometry and motion */
  --f3-radius-xs:4px;  --f3-radius-sm:6px;  --f3-radius-md:8px;
  --f3-radius-lg:12px; --f3-radius-pill:999px;
  --f3-space-1:4px; --f3-space-2:8px;  --f3-space-3:12px; --f3-space-4:16px;
  --f3-space-5:24px; --f3-space-6:32px; --f3-space-7:48px; --f3-space-8:64px;
  --f3-dur-fast:120ms; --f3-dur-base:180ms; --f3-dur-slow:260ms;
  --f3-ease:cubic-bezier(0.2,0,0.2,1);
}

[data-theme="light"] {
  --f3-surface-canvas:#F2EEE9;  --f3-surface-panel:#F7F4F0;
  --f3-surface-raised:#FFFFFF;  --f3-surface-sunken:#EAE5DE;
  --f3-surface-overlay:#FFFFFF; --f3-surface-viewport:#B9B3AB;
  --f3-text-primary:#2B2523;    --f3-text-secondary:#6B625A;
  --f3-text-muted:#756B62;      --f3-text-disabled:#A9A099;
  --f3-border-default:#E0D9D0;  --f3-border-strong:#C9C0B5;
  --f3-accent-fill:#D89530;     --f3-accent-hover:#E0A03C;
  --f3-accent-active:#B87A22;   --f3-accent-text:#8F5D14;
  --f3-accent-tint:#FBEBD0;     --f3-on-accent:#2B1B15;
  --f3-success:#0E7358; --f3-success-fill:#2BB68E; --f3-success-tint:#E3F5EE;
  --f3-warning:#B4530E; --f3-warning-tint:#FBEADD;
  --f3-danger:#C0392B;  --f3-danger-fill:#C0392B;  --f3-danger-tint:#FBE9E7;
  --f3-info:#2A6FA8;    --f3-info-tint:#E6F0F8;
  --f3-focus-ring:#B87A22;
  --f3-shadow-sm:0 1px 2px rgba(43,27,21,.08);
  --f3-shadow-md:0 4px 12px rgba(43,27,21,.10);
  --f3-shadow-lg:0 12px 32px rgba(43,27,21,.14);
  --f3-card-ambient-glow:rgba(232,163,61,.14);
}

[data-theme="dark"] {
  --f3-surface-canvas:#141211;  --f3-surface-panel:#1A1816;
  --f3-surface-raised:#221F1C;  --f3-surface-sunken:#100E0D;
  --f3-surface-overlay:#2A2623; --f3-surface-viewport:#3A3A3A;
  --f3-text-primary:#F5EFE6;    --f3-text-secondary:#B5ABA0;
  --f3-text-muted:#9B9188;      --f3-text-disabled:#6A625A;
  --f3-border-default:#38322D;  --f3-border-strong:#4A423B;
  --f3-accent-fill:#E8A33D;     --f3-accent-hover:#F0B052;
  --f3-accent-active:#D89530;   --f3-accent-text:#E8A33D;
  --f3-accent-tint:#2E2419;     --f3-on-accent:#2B1B15;
  --f3-success:#3ECBA1; --f3-success-fill:#2BB68E; --f3-success-tint:#16302A;
  --f3-warning:#E8873D; --f3-warning-tint:#33210F;
  --f3-danger:#E86A6A;  --f3-danger-fill:#C0392B;  --f3-danger-tint:#331A18;
  --f3-info:#62A8E0;    --f3-info-tint:#16232E;
  --f3-focus-ring:#E8A33D;
  --f3-shadow-sm:0 1px 2px rgba(0,0,0,.40);
  --f3-shadow-md:0 4px 12px rgba(0,0,0,.46);
  --f3-shadow-lg:0 12px 32px rgba(0,0,0,.55);
  --f3-card-ambient-glow:rgba(243,201,131,.10);
}