/* Generated from tokens.json. Do not edit tokens.css directly. */
/* Design-token schema version: 1. */
/* Layer 1: primitive values. */
:root {
    --pm-primitive-white: #ffffff;
    --pm-primitive-ink-950: #111528;
    --pm-primitive-slate-900: #1b2138;
    --pm-primitive-slate-800: #29314d;
    --pm-primitive-slate-700: #404a68;
    --pm-primitive-slate-600: #59647f;
    --pm-primitive-slate-500: #74809a;
    --pm-primitive-slate-300: #cbd2e1;
    --pm-primitive-slate-200: #dfe4ee;
    --pm-primitive-slate-100: #eef1f7;
    --pm-primitive-slate-50: #f7f8fc;
    --pm-primitive-violet-700: #4d3fca;
    --pm-primitive-violet-600: #5d4ce3;
    --pm-primitive-violet-500: #7062ee;
    --pm-primitive-violet-100: #e9e7ff;
    --pm-primitive-violet-50: #f5f3ff;
    --pm-primitive-teal-700: #0b695b;
    --pm-primitive-teal-600: #137d6d;
    --pm-primitive-teal-100: #ccece5;
    --pm-primitive-teal-50: #ecf8f5;
    --pm-primitive-amber-700: #8a4b08;
    --pm-primitive-amber-100: #f8dfad;
    --pm-primitive-amber-50: #fff8e8;
    --pm-space-1: 0.25rem;
    --pm-space-2: 0.5rem;
    --pm-space-3: 0.75rem;
    --pm-space-4: 1rem;
    --pm-space-5: 1.25rem;
    --pm-space-6: 1.5rem;
    --pm-space-8: 2rem;
    --pm-space-10: 2.5rem;
    --pm-space-12: 3rem;
    --pm-radius-sm: 0.5rem;
    --pm-radius-md: 0.75rem;
    --pm-radius-lg: 1rem;
    --pm-radius-xl: 1.35rem;
    --pm-radius-round: 999px;
    --pm-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --pm-font-mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
    --pm-text-xs: 0.75rem;
    --pm-text-sm: 0.875rem;
    --pm-text-md: 1rem;
    --pm-text-lg: 1.125rem;
    --pm-text-xl: 1.35rem;
    --pm-text-2xl: clamp(1.75rem, 3vw, 2.5rem);
    --pm-leading-tight: 1.15;
    --pm-leading-body: 1.6;
    --pm-shadow-sm: 0 1px 2px rgb(17 21 40 / 0.05);
    --pm-shadow-md: 0 16px 40px rgb(17 21 40 / 0.08);
}

/* Layer 2: semantic meaning. */
:root {
    color-scheme: light;
    --pm-color-canvas: var(--pm-primitive-slate-50);
    --pm-color-surface: var(--pm-primitive-white);
    --pm-color-surface-subtle: var(--pm-primitive-slate-100);
    --pm-color-surface-emphasis: var(--pm-primitive-slate-900);
    --pm-color-text: var(--pm-primitive-ink-950);
    --pm-color-text-muted: var(--pm-primitive-slate-600);
    --pm-color-text-faint: var(--pm-primitive-slate-500);
    --pm-color-text-on-emphasis: var(--pm-primitive-white);
    --pm-color-border: var(--pm-primitive-slate-200);
    --pm-color-border-strong: var(--pm-primitive-slate-300);
    --pm-color-brand: var(--pm-primitive-violet-600);
    --pm-color-brand-strong: var(--pm-primitive-violet-700);
    --pm-color-brand-soft: var(--pm-primitive-violet-50);
    --pm-color-brand-border: var(--pm-primitive-violet-100);
    --pm-color-positive: var(--pm-primitive-teal-700);
    --pm-color-positive-soft: var(--pm-primitive-teal-50);
    --pm-color-positive-border: var(--pm-primitive-teal-100);
    --pm-color-caution: var(--pm-primitive-amber-700);
    --pm-color-caution-soft: var(--pm-primitive-amber-50);
    --pm-color-caution-border: var(--pm-primitive-amber-100);
    --pm-color-focus: var(--pm-primitive-violet-500);
    --pm-focus-ring: 0 0 0 3px rgb(112 98 238 / 0.25);
    --pm-color-brand-500: var(--pm-primitive-violet-500);
    --pm-color-private-surface: var(--pm-color-positive-soft);
    --pm-color-private-border: var(--pm-color-positive);
    --pm-color-private-text: var(--pm-color-positive);
    --pm-radius-control: var(--pm-radius-sm);
    --pm-radius-panel: var(--pm-radius-lg);
    --pm-space-unit: var(--pm-space-1);
}

/* Layer 3: reusable component decisions. */
:root {
    --pm-control-height: 2.75rem;
    --pm-control-radius: var(--pm-radius-md);
    --pm-panel-background: var(--pm-color-surface);
    --pm-panel-border: var(--pm-color-border);
    --pm-panel-radius: var(--pm-radius-xl);
    --pm-panel-padding: clamp(var(--pm-space-5), 3vw, var(--pm-space-8));
    --pm-navigation-width: 17rem;
    --pm-page-width: 78rem;
    --pm-mail-folder-width: 12.5rem;
    --pm-mail-list-width: 23rem;
    --pm-mail-command-height: 3.25rem;
    --pm-mail-row-min-height: 4.75rem;
    --pm-transition-fast: 140ms ease;
}

@media (prefers-color-scheme: dark) {
    /* Dark semantic overrides. */
    :root {
        color-scheme: dark;
        --pm-color-canvas: #10131f;
        --pm-color-surface: #181d2e;
        --pm-color-surface-subtle: #20263a;
        --pm-color-surface-emphasis: #f0f2fa;
        --pm-color-text: #f5f6fb;
        --pm-color-text-muted: #b3bdd2;
        --pm-color-text-faint: #939db5;
        --pm-color-text-on-emphasis: #171b2a;
        --pm-color-border: #30384f;
        --pm-color-border-strong: #46506c;
        --pm-color-brand: #a79dff;
        --pm-color-brand-strong: #c2bbff;
        --pm-color-brand-soft: #282347;
        --pm-color-brand-border: #4a4277;
        --pm-color-positive: #75d1bf;
        --pm-color-positive-soft: #172f2c;
        --pm-color-positive-border: #286a60;
        --pm-color-caution: #f2bf67;
        --pm-color-caution-soft: #332918;
        --pm-color-caution-border: #6c5427;
        --pm-focus-ring: 0 0 0 3px rgb(167 157 255 / 0.3);
        --pm-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.2);
        --pm-shadow-md: 0 18px 44px rgb(0 0 0 / 0.22);
    }

}