/*
 * MITHUNAI brand palette for the Agents surface. GENERATED -- do not edit.
 *
 * `packages/mithunai-tokens/dist/theme.css` (both colour schemes, and it
 * already targets `.dark`, which is the class Paperclip's own theme toggle
 * sets) followed by `dist/shadcn.css`, which maps the shadcn variable names
 * this UI is built on -- --background, --primary, --card -- onto the brand's
 * roles. Regenerate with `pnpm -F @mithunai/tokens build` and the script in
 * `mithunai-agents/mithunai/`; `test_surface_palette.py` fails if it drifts.
 */

/* @mithunai/tokens 0.1.0 — generated by scripts/emit.ts. Do not edit. */

:root {
  --arukz-space-0: 0;
  --arukz-space-1: 0.25rem;
  --arukz-space-2: 0.5rem;
  --arukz-space-3: 0.75rem;
  --arukz-space-4: 1rem;
  --arukz-space-5: 1.25rem;
  --arukz-space-6: 1.5rem;
  --arukz-space-8: 2rem;
  --arukz-space-10: 2.5rem;
  --arukz-space-12: 3rem;
  --arukz-space-16: 4rem;
  --arukz-space-20: 5rem;
  --arukz-space-24: 6rem;
  --arukz-text-xs: 0.75rem;
  --arukz-text-sm: 0.875rem;
  --arukz-text-base: 1rem;
  --arukz-text-lg: 1.125rem;
  --arukz-text-xl: 1.25rem;
  --arukz-text-2xl: 1.5rem;
  --arukz-text-3xl: 1.875rem;
  --arukz-text-4xl: 2.25rem;
  --arukz-text-5xl: 3rem;
  --arukz-weight-light: 300;
  --arukz-weight-regular: 400;
  --arukz-weight-semibold: 600;
  --arukz-weight-bold: 700;
  --arukz-leading-tight: 1.15;
  --arukz-leading-snug: 1.3;
  --arukz-leading-normal: 1.47;
  --arukz-leading-relaxed: 1.65;
  --arukz-tracking-none: 0;
  --arukz-tracking-normal: -0.011em;
  --arukz-tracking-snug: -0.02em;
  --arukz-tracking-tight: -0.028em;
  --arukz-duration-instant: 0ms;
  --arukz-duration-fast: 120ms;
  --arukz-duration-normal: 240ms;
  --arukz-duration-slow: 560ms;
  --arukz-ease-standard: cubic-bezier(0.16, 1, 0.3, 1);
  --arukz-ease-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --arukz-ease-linear: linear;
  --arukz-z-base: 0;
  --arukz-z-raised: 10;
  --arukz-z-sticky: 100;
  --arukz-z-header: 1100;
  --arukz-z-drawer: 1200;
  --arukz-z-modal: 1300;
  --arukz-z-popover: 1400;
  --arukz-z-toast: 1500;
  --arukz-z-tooltip: 1600;
  --arukz-series-1: #1F6FEB;
  --arukz-series-2: #E9560D;
  --arukz-series-3: #0F7B43;
  --arukz-series-4: #8B5CF6;
  --arukz-series-5: #B45309;
  --arukz-series-6: #0E7490;
  --arukz-series-7: #BE185D;
  --arukz-series-8: #4D7C0F;
  --arukz-color-background: #FAF8F2;
  --arukz-color-surface: #FFFFFF;
  --arukz-color-surface-raised: #FFFFFF;
  --arukz-color-surface-sunken: #F4EFE6;
  --arukz-color-border: #DED6C7;
  --arukz-color-border-strong: #8A8682;
  --arukz-color-text-primary: #131312;
  --arukz-color-text-secondary: #484543;
  --arukz-color-text-muted: #64635E;
  --arukz-color-text-inverted: #FFFFFF;
  --arukz-color-brand: #B83E0E;
  --arukz-color-brand-hover: #9E3309;
  --arukz-color-brand-contrast: #FFFFFF;
  --arukz-color-brand-subtle: #F9EEDF;
  --arukz-color-accent: #6D3E9B;
  --arukz-color-accent-contrast: #FFFFFF;
  --arukz-color-focus: #B83E0E;
  --arukz-color-success: #0F7B43;
  --arukz-color-success-subtle: #EAF8ED;
  --arukz-color-warning: #8A5200;
  --arukz-color-warning-subtle: #FFF5E5;
  --arukz-color-danger: #C5221F;
  --arukz-color-danger-subtle: #FCE8E6;
  --arukz-color-info: #14509E;
  --arukz-color-info-subtle: #E8EFFA;
  --arukz-color-overlay: rgb(0 0 0 / 40%);
  --arukz-color-shadow: #000000;
  --arukz-font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --arukz-font-display: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --arukz-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;
  --arukz-base-size: 18px;
  --arukz-radius-sm: 8px;
  --arukz-radius-md: 12px;
  --arukz-radius-lg: 18px;
  --arukz-radius-xl: 24px;
  --arukz-elevation-0: none;
  --arukz-elevation-1: 0 1px 2px 0px rgb(0 0 0 / 0.04);
  --arukz-elevation-2: 0 1px 4px 0px rgb(0 0 0 / 0.06);
  --arukz-elevation-3: 0 2px 6px -1px rgb(0 0 0 / 0.06), 0 1px 4px -1px rgb(0 0 0 / 0.04);
  --arukz-elevation-4: 0 4px 10px -2px rgb(0 0 0 / 0.07), 0 2px 6px -2px rgb(0 0 0 / 0.04);
  --arukz-elevation-5: 0 6px 16px -4px rgb(0 0 0 / 0.08), 0 3px 8px -3px rgb(0 0 0 / 0.05);
  --arukz-elevation-6: 0 8px 24px -6px rgb(0 0 0 / 0.09), 0 4px 12px -4px rgb(0 0 0 / 0.06);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-arukz-theme='light']):not(.light) {
    --arukz-color-background: #000000;
    --arukz-color-surface: #1C1C1E;
    --arukz-color-surface-raised: #2C2C2E;
    --arukz-color-surface-sunken: #141416;
    --arukz-color-border: #38383A;
    --arukz-color-border-strong: #787880;
    --arukz-color-text-primary: #FAF8F2;
    --arukz-color-text-secondary: #BFBBB4;
    --arukz-color-text-muted: #9E9A92;
    --arukz-color-text-inverted: #131312;
    --arukz-color-brand: #ED733B;
    --arukz-color-brand-hover: #F08754;
    --arukz-color-brand-contrast: #131312;
    --arukz-color-brand-subtle: #2B1A12;
    --arukz-color-accent: #C79BF0;
    --arukz-color-accent-contrast: #131312;
    --arukz-color-focus: #ED733B;
    --arukz-color-success: #34D399;
    --arukz-color-success-subtle: #0A2B14;
    --arukz-color-warning: #F59E0B;
    --arukz-color-warning-subtle: #2E1C00;
    --arukz-color-danger: #F87171;
    --arukz-color-danger-subtle: #2B0B09;
    --arukz-color-info: #7FB0FF;
    --arukz-color-info-subtle: #0B1A33;
    --arukz-color-overlay: rgb(0 0 0 / 75%);
    --arukz-color-shadow: #000000;
    --arukz-font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --arukz-font-display: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --arukz-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;
    --arukz-base-size: 18px;
    --arukz-radius-sm: 8px;
    --arukz-radius-md: 12px;
    --arukz-radius-lg: 18px;
    --arukz-radius-xl: 24px;
    --arukz-elevation-0: none;
    --arukz-elevation-1: 0 1px 2px 0px rgb(0 0 0 / 0.04);
    --arukz-elevation-2: 0 1px 4px 0px rgb(0 0 0 / 0.06);
    --arukz-elevation-3: 0 2px 6px -1px rgb(0 0 0 / 0.06), 0 1px 4px -1px rgb(0 0 0 / 0.04);
    --arukz-elevation-4: 0 4px 10px -2px rgb(0 0 0 / 0.07), 0 2px 6px -2px rgb(0 0 0 / 0.04);
    --arukz-elevation-5: 0 6px 16px -4px rgb(0 0 0 / 0.08), 0 3px 8px -3px rgb(0 0 0 / 0.05);
    --arukz-elevation-6: 0 8px 24px -6px rgb(0 0 0 / 0.09), 0 4px 12px -4px rgb(0 0 0 / 0.06);
  }
}

:root[data-arukz-theme='dark'], .dark {
  --arukz-color-background: #000000;
  --arukz-color-surface: #1C1C1E;
  --arukz-color-surface-raised: #2C2C2E;
  --arukz-color-surface-sunken: #141416;
  --arukz-color-border: #38383A;
  --arukz-color-border-strong: #787880;
  --arukz-color-text-primary: #FAF8F2;
  --arukz-color-text-secondary: #BFBBB4;
  --arukz-color-text-muted: #9E9A92;
  --arukz-color-text-inverted: #131312;
  --arukz-color-brand: #ED733B;
  --arukz-color-brand-hover: #F08754;
  --arukz-color-brand-contrast: #131312;
  --arukz-color-brand-subtle: #2B1A12;
  --arukz-color-accent: #C79BF0;
  --arukz-color-accent-contrast: #131312;
  --arukz-color-focus: #ED733B;
  --arukz-color-success: #34D399;
  --arukz-color-success-subtle: #0A2B14;
  --arukz-color-warning: #F59E0B;
  --arukz-color-warning-subtle: #2E1C00;
  --arukz-color-danger: #F87171;
  --arukz-color-danger-subtle: #2B0B09;
  --arukz-color-info: #7FB0FF;
  --arukz-color-info-subtle: #0B1A33;
  --arukz-color-overlay: rgb(0 0 0 / 75%);
  --arukz-color-shadow: #000000;
  --arukz-font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --arukz-font-display: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --arukz-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Monaco, Consolas, monospace;
  --arukz-base-size: 18px;
  --arukz-radius-sm: 8px;
  --arukz-radius-md: 12px;
  --arukz-radius-lg: 18px;
  --arukz-radius-xl: 24px;
  --arukz-elevation-0: none;
  --arukz-elevation-1: 0 1px 2px 0px rgb(0 0 0 / 0.04);
  --arukz-elevation-2: 0 1px 4px 0px rgb(0 0 0 / 0.06);
  --arukz-elevation-3: 0 2px 6px -1px rgb(0 0 0 / 0.06), 0 1px 4px -1px rgb(0 0 0 / 0.04);
  --arukz-elevation-4: 0 4px 10px -2px rgb(0 0 0 / 0.07), 0 2px 6px -2px rgb(0 0 0 / 0.04);
  --arukz-elevation-5: 0 6px 16px -4px rgb(0 0 0 / 0.08), 0 3px 8px -3px rgb(0 0 0 / 0.05);
  --arukz-elevation-6: 0 8px 24px -6px rgb(0 0 0 / 0.09), 0 4px 12px -4px rgb(0 0 0 / 0.06);
}

/* @mithunai/tokens 0.1.0 — generated by scripts/emit.ts. Do not edit. */

:root {
  --background: var(--arukz-color-background);
  --foreground: var(--arukz-color-text-primary);
  --card: var(--arukz-color-surface);
  --card-foreground: var(--arukz-color-text-primary);
  --popover: var(--arukz-color-surface-raised);
  --popover-foreground: var(--arukz-color-text-primary);
  --primary: var(--arukz-color-brand);
  --primary-foreground: var(--arukz-color-brand-contrast);
  --secondary: var(--arukz-color-surface-sunken);
  --secondary-foreground: var(--arukz-color-text-primary);
  --muted: var(--arukz-color-surface-sunken);
  --muted-foreground: var(--arukz-color-text-muted);
  --accent: var(--arukz-color-accent);
  --accent-foreground: var(--arukz-color-accent-contrast);
  --destructive: var(--arukz-color-danger);
  --destructive-foreground: var(--arukz-color-text-inverted);
  --border: var(--arukz-color-border);
  --input: var(--arukz-color-border-strong);
  --ring: var(--arukz-color-focus);
  --sidebar: var(--arukz-color-surface-sunken);
  --sidebar-foreground: var(--arukz-color-text-primary);
  --sidebar-primary: var(--arukz-color-brand);
  --sidebar-primary-foreground: var(--arukz-color-brand-contrast);
  --sidebar-accent: var(--arukz-color-brand-subtle);
  --sidebar-accent-foreground: var(--arukz-color-brand);
  --sidebar-border: var(--arukz-color-border);
  --sidebar-ring: var(--arukz-color-focus);
  --radius: var(--arukz-radius-md);
  --chart-1: var(--arukz-series-1);
  --chart-2: var(--arukz-series-2);
  --chart-3: var(--arukz-series-3);
  --chart-4: var(--arukz-series-4);
  --chart-5: var(--arukz-series-5);
}