/* Screenshot palette. Every application surface consumes these theme tokens. */
:root {
    color-scheme: light;
    --app-palette-page: #F5F5F6;
    --app-palette-sidebar: #E9E9EC;
    --app-palette-surface: #FFFFFF;
    --app-palette-selected: #FFFFFF;
    --app-palette-header: #FFFFFF;
    --app-palette-text: #18181A;
    --app-palette-muted: #58585E;
    --app-palette-border: #D1D1D4;
    --app-palette-accent: #673DE6;
    --app-palette-badge: #331C74;
    --app-palette-on-accent: #FFFFFF;
    --app-font: "Noto Sans", Arial, sans-serif;
    --app-ink: var(--app-palette-text);
    --app-muted: var(--app-palette-muted);
    --app-line: var(--app-palette-border);
    --app-canvas: var(--app-palette-page);
    --app-surface: var(--app-palette-surface);
    --app-selected: var(--app-palette-selected);
    --app-brand: var(--app-palette-accent);
    --app-brand-dark: var(--app-palette-badge);
    --app-on-brand: var(--app-palette-on-accent);
    --app-sidebar: var(--app-palette-sidebar);
    --app-sidebar-muted: var(--app-muted);
    --app-header: var(--app-palette-header);
    --app-header-ink: var(--app-ink);
    --app-radius: 12px;
    --app-shadow-ink: #18181A;
    --app-success: #26834A;
    --app-danger: #B42318;
    --app-warning: #A66B00;
    --app-success-soft: color-mix(in srgb, var(--app-success) 12%, var(--app-surface));
    --app-danger-soft: color-mix(in srgb, var(--app-danger) 12%, var(--app-surface));
    --app-warning-soft: color-mix(in srgb, var(--app-warning) 12%, var(--app-surface));
    --auth-brand: var(--app-brand);
    --auth-ink: var(--app-ink);
    --auth-muted: var(--app-muted);
    --auth-line: var(--app-line);
    --mobile-ink: var(--app-ink);
    --mobile-muted: var(--app-muted);
    --mobile-line: var(--app-line);
    --mobile-surface: var(--app-surface);
    --mobile-accent: var(--app-brand);
    --lead-stage-color: var(--app-brand);
}
html[data-theme="dark"] {
    color-scheme: dark;
    --app-palette-page: #101011;
    --app-palette-sidebar: #18181A;
    --app-palette-surface: #18181A;
    --app-palette-selected: #303031;
    --app-palette-header: #000000;
    --app-palette-text: #F8F9FA;
    --app-palette-muted: #9D9EA4;
    --app-palette-border: #303031;
    --app-success: #67C58A;
    --app-danger: #F27A70;
    --app-warning: #E4B45B;
}