/* [project]/components/layout/dashboard-tokens.css [app-client] (css) */
@layer base {
  :root {
    --sbx-rail: 4.75rem;
    --sbx-panel: 14.5rem;
    --sbx-w-expanded: calc(var(--sbx-rail)  + var(--sbx-panel));
    --sbx-w-collapsed: var(--sbx-rail);
    --dash-page: #fbf9f4;
    --dash-paper: #fbf9f4;
    --dash-header-bg: #fbf9f4eb;
    --dash-surface: #fff;
    --dash-surface-warm: #fffcf5;
    --dash-surface-alt: #faf7ee;
    --dash-track: #f2eee3;
    --dash-heading: #063b23;
    --dash-primary: #0e4f2f;
    --dash-primary-soft: #1b6a44;
    --dash-ink: #0f1915;
    --dash-ink-soft: #2a3530;
    --dash-muted: #6b7568;
    --dash-muted-soft: #9ca39a;
    --dash-line: #e5e2d6;
    --dash-line-soft: #efebdd;
    --dash-gold: #b8923a;
    --dash-gold-soft: #d6b168;
    --dash-gold-deep: #a07e2b;
    --dash-danger: #b1422e;
    --dash-ok: #2e7d51;
    --dash-btn: #063b23;
    --dash-btn-soft: #1b6a44;
    --dash-on-btn: #fff;
    --dash-on-gold: #063b23;
    --dash-ok-solid: #2e7d51;
    --dash-danger-solid: #b1422e;
    --dash-gold-solid: #b8923a;
    --dash-muted-solid: #6b7568;
    --dash-gold-rgb: 184 146 58;
    --dash-deep-rgb: 6 59 35;
    --dash-primary-rgb: 14 79 47;
    --dash-soft-rgb: 27 106 68;
    --dash-ok-rgb: 46 125 81;
    --dash-danger-rgb: 177 66 46;
    --dash-gold-line: #b8923a4d;
    --dash-gold-tint: #b8923a1a;
    --dash-primary-tint: #0e4f2f14;
    --dash-primary-line: #0e4f2f26;
    --dash-ruled: #0e4f2f0a;
    --dash-danger-tint: #b1422e14;
    --dash-danger-line: #b1422e4d;
    --dash-ok-tint: #2e7d511a;
    --dash-ok-line: #2e7d514d;
    --dash-chart-bar: #0e4f2f;
    --dash-hero-grad: linear-gradient(135deg, #063b23 0%, #0e4f2f 45%, #1b6a44 100%);
    --dash-on-hero: #fff;
    --dash-on-hero-muted: #fffdf5b8;
  }

  .dark {
    --dash-page: hsl(var(--background));
    --dash-paper: hsl(var(--background));
    --dash-header-bg: hsl(var(--background) / .92);
    --dash-surface: hsl(var(--card));
    --dash-surface-warm: color-mix(in srgb, hsl(var(--card)) 94%, #b8923a);
    --dash-surface-alt: color-mix(in srgb, hsl(var(--card)) 96%, #b8923a);
    --dash-track: hsl(var(--muted));
    --dash-heading: #dcebdf;
    --dash-primary: #6cc393;
    --dash-primary-soft: #8fd3ae;
    --dash-ink: hsl(var(--foreground));
    --dash-ink-soft: #d0d6d2;
    --dash-muted: hsl(var(--muted-foreground));
    --dash-muted-soft: #8b928d;
    --dash-line: hsl(var(--border));
    --dash-line-soft: #2e2e2e;
    --dash-gold: #d6b168;
    --dash-gold-soft: #e4c88c;
    --dash-gold-deep: #b8923a;
    --dash-danger: #e58a76;
    --dash-ok: #6cc393;
    --dash-btn: #1b6a44;
    --dash-btn-soft: #237a50;
    --dash-on-btn: #fff;
    --dash-on-gold: #063b23;
    --dash-muted-solid: #5a6358;
    --dash-gold-rgb: 214 177 104;
    --dash-deep-rgb: 108 195 147;
    --dash-primary-rgb: 108 195 147;
    --dash-soft-rgb: 108 195 147;
    --dash-ok-rgb: 108 195 147;
    --dash-danger-rgb: 229 138 118;
    --dash-gold-line: #d6b16840;
    --dash-gold-tint: #d6b1681f;
    --dash-primary-tint: #5fb58524;
    --dash-primary-line: #5fb58540;
    --dash-ruled: #ffffff06;
    --dash-danger-tint: #e58a761f;
    --dash-danger-line: #e58a7659;
    --dash-ok-tint: #6cc3931f;
    --dash-ok-line: #6cc3934d;
    --dash-chart-bar: #4fa877;
  }
}