@import 'owl.tokens.css?v=42';

:root {
    --series-blue:            oklch(0.62 0.150 250);
    --series-blue-strong:     oklch(0.52 0.150 250);
    --series-green:           oklch(0.68 0.130 150);
    --series-green-strong:    oklch(0.56 0.120 150);
    --series-red:             oklch(0.62 0.170 25);
    --series-red-strong:      oklch(0.52 0.175 25);
    --series-orange:          oklch(0.70 0.140 60);
    --series-orange-strong:   oklch(0.60 0.135 60);
    --series-yellow:          oklch(0.80 0.130 90);
    --series-purple:          oklch(0.60 0.155 300);
    --series-pink:            oklch(0.64 0.180 355);
    --series-cyan:            oklch(0.74 0.105 225);

    --cat-1:  #40bf8c;
    --cat-2:  #6c9fe8;
    --cat-3:  #dab46a;
    --cat-4:  #ac94dc;
    --cat-5:  #d77c91;
    --cat-6:  #59b5c5;
    --cat-7:  #d99a6c;
    --cat-8:  #c58dba;
    --cat-9:  #a9bc74;
    --cat-10: #98aabd;
    --cat-other: #3b3b3b;

    --chart-series-1: #40bf8c;
    --chart-series-2: #6c9fe8;
    --chart-series-3: #dab46a;
    --chart-series-4: #ac94dc;
    --chart-series-5: #d77c91;
    --chart-series-6: #59b5c5;
    --chart-series-7: #d99a6c;
    --chart-series-8: #c58dba;
    --chart-series-9: #a9bc74;
    --chart-series-10: #98aabd;

    --wait-cpu: #4DC647;
    --wait-scheduler: #D3FCD3;
    --wait-userio: #1E55CD;
    --wait-systemio: #3D94D6;
    --wait-application: #B13F28;
    --wait-concurrency: #802B1A;
    --wait-commit: #D5733A;
    --wait-configuration: #58451E;
    --wait-cluster: #C7C2B4;
    --wait-network: #9D9378;
    --wait-administrative: #71725A;
    --wait-queueing: #C0B7A1;
    --wait-other: #E27BA8;

    --font-brand: 'Sora', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    --font-title: var(--font-brand);
    --font-display: var(--font-brand);
    --font-ui: 'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-code: 'IBM Plex Mono', ui-monospace, 'Cascadia Mono', 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
    --font-mono: var(--font-ui);

    --text-2xs: 11px;
    --text-xs: 12px;
    --text-sm: 13px;
    --text-base: 13px;
    --text-md: 14px;
    --text-title3: 15px;
    --text-lg: 17px;
    --text-xl: 20px;
    --text-title1: 22px;
    --text-2xl: 26px;
    --text-3xl: 28px;
    --text-display: 34px;
    --text-hero: 46px;

    --text-kicker: 12px;
    --tracking-kicker: 0.01em;

    --weight-body: 450;
    --weight-regular: 450;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;
    --weight-display: 600;
    --weight-title: 600;

    --spacing-xs: var(--s1);
    --spacing-sm: var(--s2);
    --spacing-md: var(--s3);
    --spacing-lg: var(--s4);
    --spacing-xl: 20px;
    --spacing-2xl: var(--s5);
    --spacing-3xl: var(--s6);

    --radius-sm: var(--r-ctl);
    --radius-md: var(--r-ctl);
    --radius-lg: var(--r-card);
    --radius-xl: var(--r-card);
    --radius-2xl: var(--r-card);
    --radius-full: var(--r-pill);

    --transition-fast: var(--dur) var(--ease);
    --transition-normal: 200ms var(--ease);
    --transition-slow: 300ms var(--ease);

    --control-height: 34px;
    --control-height-sm: 28px;
    --control-height-lg: 42px;
    --control-padding-x: 12px;
    --control-radius: var(--r-ctl);
    --control-font-size: var(--text-base);
}

:root,
[data-theme] {
    --surface-primary: var(--surface-base);
    --surface-secondary: var(--surface-raised);
    --surface-tertiary: var(--surface-hover);
    --surface-card: var(--surface-raised);
    --surface-elevated: var(--surface-raised);
    --surface-input: var(--surface-control);
    --surface-active: var(--surface-segment);

    --text-on-accent: var(--lm-on-accent);
    --text-on-strong: var(--gray-50);

    --border-default: var(--border-subtle);
    --border-focus: var(--lume);

    --accent: var(--lume);
    --accent-hover: var(--lume-dim);
    --accent-soft: var(--accent-tint);

    --status-ok: var(--text-secondary);
    --status-ok-soft: color-mix(in oklch, var(--calm-neutral) 22%, transparent);
    --status-warn: var(--warn);
    --status-warn-soft: var(--lm-warning-tint);
    --status-crit: var(--critical);
    --status-crit-soft: var(--lm-critical-tint);

    --best: var(--lm-positive);
    --status-info: var(--lm-accent-text);
    --status-info-soft: var(--accent-tint);

    --strip-bar: var(--calm-teal);

    --chart-axis: var(--text-tertiary);
    --chart-grid: var(--border-subtle);

    --shadow-sm: 0 2px 8px rgba(10, 10, 10, 0.40);
    --shadow-md: 0 8px 24px rgba(10, 10, 10, 0.50);
    --shadow-lg: 0 20px 60px rgba(10, 10, 10, 0.60);
    --shadow-xl: 0 25px 80px rgba(10, 10, 10, 0.68);
    --shadow-card: 0 1px 2px rgba(10, 10, 10, 0.34), 0 3px 10px rgba(10, 10, 10, 0.24);

    --scrim: rgba(10, 10, 10, 0.72);
    --scrim-dim: rgba(8, 7, 6, 0.58);
}

[data-theme="light"] {
    --series-blue:            oklch(0.525 0.145 250);
    --series-blue-strong:     oklch(0.530 0.143 250);
    --series-green:           oklch(0.475 0.128 150);
    --series-green-strong:    oklch(0.510 0.134 150);
    --series-red:             oklch(0.535 0.211 25);
    --series-red-strong:      oklch(0.550 0.212 25);
    --series-orange:          oklch(0.545 0.125 60);
    --series-orange-strong:   oklch(0.535 0.120 60);
    --series-yellow:          oklch(0.425 0.085 90);
    --series-purple:          oklch(0.510 0.265 300);
    --series-pink:            oklch(0.475 0.190 355);
    --series-cyan:            oklch(0.415 0.077 225);

    --cat-1:  #3cbc89;
    --cat-2:  #6c9fe8;
    --cat-3:  #dab46a;
    --cat-4:  #ac94dc;
    --cat-5:  #d77c91;
    --cat-6:  #59b5c5;
    --cat-7:  #d99a6c;
    --cat-8:  #c58dba;
    --cat-9:  #a9bc74;
    --cat-10: #98aabd;
    --cat-other: #c4c4c4;

    --chart-series-1: #3cbc89;
    --chart-series-2: #6c9fe8;
    --chart-series-3: #dab46a;
    --chart-series-4: #ac94dc;
    --chart-series-5: #d77c91;
    --chart-series-6: #59b5c5;
    --chart-series-7: #d99a6c;
    --chart-series-8: #c58dba;
    --chart-series-9: #a9bc74;
    --chart-series-10: #98aabd;

    --scrim: rgba(17, 17, 17, 0.28);
    --scrim-dim: rgba(17, 17, 17, 0.46);

    --shadow-sm: 0 1px 3px rgba(27, 27, 27, 0.10);
    --shadow-md: 0 6px 20px rgba(27, 27, 27, 0.12);
    --shadow-lg: 0 14px 44px rgba(27, 27, 27, 0.16);
    --shadow-xl: 0 22px 64px rgba(27, 27, 27, 0.20);
    --shadow-card: 0 1px 2px rgba(27, 27, 27, 0.05), 0 3px 10px rgba(27, 27, 27, 0.07);
}

:root,
[data-theme] {
    --dashboard-chart-flex: 1;
    --dashboard-chart-min: 180px;
    --dashboard-sql-flex: 1.2;
    --dashboard-sql-min: 280px;
}