/* Skin "onebase": ui.mcp.az/templates/gallery.html#tpl/onebase-hub dizayn sisteminin MuMu admin semantik tokenlərinə xəritəsi.
   Mənbə palitra: Agent.Designer/templates/design-systems/onebase-hub/tokens.css (qızılı primary 70°, teal accent 165°, isti slate).
   Qaydalar: mavi/bənövşəyi brend rəngi YOX, box-shadow YOX (dərinlik = sərhəd + qat tonu), bir bölmədə bir dominant vurğu. Kompakt şkala. */

[data-skin="onebase"] {
    --font-display: 'Manrope', ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
    --font-body: 'Manrope', ui-sans-serif, system-ui, 'Segoe UI', sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', 'Consolas', monospace;

    /* kompakt şkala: 1rem = 16px; gövdə 13px */
    --size-2xs: 0.6875rem;
    --size-xs: 0.75rem;
    --size-sm: 0.8125rem;
    --size-base: 0.875rem;
    --size-md: 0.9375rem;
    --size-lg: 1.0625rem;
    --size-xl: 1.25rem;
    --size-2xl: 1.25rem;
    --size-3xl: 1.625rem;
    --leading-tight: 1.2;
    --leading-snug: 1.35;
    --leading-normal: 1.5;
    --leading-relaxed: 1.6;
    --tracking-tight: -0.01em;
    --tracking-normal: 0;
    --tracking-wide: 0.04em;
    --weight-regular: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;

    --space-1: 0.1875rem;
    --space-2: 0.375rem;
    --space-3: 0.5rem;
    --space-4: 0.75rem;
    --space-5: 1rem;
    --space-6: 1.25rem;
    --space-8: 1.5rem;
    --space-10: 2rem;
    --space-12: 2.5rem;

    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-full: 9999px;

    --shadow-sm: none;
    --shadow-md: none;
    --shadow-lg: none;
}

/* ---------- AÇIQ ---------- */
[data-skin="onebase"], [data-skin="onebase"][data-theme="light"] {
    color-scheme: light;
    --bg: oklch(0.99 0.005 90);
    --bg-subtle: oklch(0.98 0.01 90);
    --surface: oklch(0.99 0.005 90);
    --surface-2: oklch(0.98 0.01 90);
    --surface-3: oklch(0.95 0.015 90);
    --border: oklch(0.91 0.02 90);
    --border-strong: oklch(0.80 0.03 90);
    --text: oklch(0.18 0.015 250);
    --text-muted: oklch(0.45 0.04 250);
    --text-subtle: oklch(0.50 0.045 250);
    --text-faint: oklch(0.52 0.045 250);
    --text-disabled: oklch(0.70 0.03 250);
    --primary: oklch(0.52 0.13 67);
    --primary-hover: oklch(0.46 0.12 65);
    --primary-active: oklch(0.40 0.10 63);
    --primary-subtle: oklch(0.94 0.06 80);
    --primary-border: oklch(0.84 0.13 75);
    --on-primary: oklch(0.99 0.005 90);
    --accent: oklch(0.50 0.10 160);
    --on-accent: oklch(0.99 0.005 90);
    --accent-subtle: oklch(0.92 0.04 185);
    --success: oklch(0.50 0.10 160);
    --on-success: oklch(0.99 0.005 90);
    --success-subtle: oklch(0.92 0.04 185);
    --warning: oklch(0.55 0.14 68);
    --on-warning: oklch(0.99 0.005 90);
    --warning-subtle: oklch(0.94 0.06 80);
    --danger: oklch(0.52 0.19 27);
    --on-danger: oklch(0.99 0.005 90);
    --danger-subtle: oklch(0.95 0.03 27);
    --info: oklch(0.45 0.04 250);
    --on-info: oklch(0.99 0.005 90);
    --info-subtle: oklch(0.94 0.02 250);
    --selected: oklch(0.97 0.03 85);
    --hover-veil: oklch(0.95 0.015 90);
    --focus: oklch(0.58 0.14 68);
    --overlay: oklch(0.15 0.01 250);
    --brand-surface: oklch(0.94 0.06 80);
    --on-brand-surface: oklch(0.35 0.08 62);
}

/* ---------- TÜND ---------- */
[data-skin="onebase"][data-theme="dark"] {
    color-scheme: dark;
    --bg: oklch(0.17 0.01 90);
    --bg-subtle: oklch(0.15 0.01 90);
    --surface: oklch(0.20 0.012 90);
    --surface-2: oklch(0.20 0.012 90);
    --surface-3: oklch(0.25 0.014 90);
    --border: oklch(0.30 0.016 90);
    --border-strong: oklch(0.42 0.018 90);
    --text: oklch(0.96 0.005 90);
    --text-muted: oklch(0.74 0.02 90);
    --text-subtle: oklch(0.68 0.02 90);
    --text-faint: oklch(0.64 0.02 90);
    --text-disabled: oklch(0.45 0.015 90);
    --primary: oklch(0.75 0.15 72);
    --primary-hover: oklch(0.82 0.14 74);
    --primary-active: oklch(0.88 0.12 76);
    --primary-subtle: oklch(0.30 0.07 70);
    --primary-border: oklch(0.42 0.09 70);
    --on-primary: oklch(0.15 0.02 70);
    --accent: oklch(0.68 0.12 170);
    --on-accent: oklch(0.15 0.02 165);
    --accent-subtle: oklch(0.28 0.06 165);
    --success: oklch(0.70 0.12 165);
    --on-success: oklch(0.15 0.02 165);
    --success-subtle: oklch(0.26 0.05 165);
    --warning: oklch(0.78 0.14 75);
    --on-warning: oklch(0.15 0.02 70);
    --warning-subtle: oklch(0.28 0.06 70);
    --danger: oklch(0.70 0.17 27);
    --on-danger: oklch(0.15 0.02 27);
    --danger-subtle: oklch(0.27 0.06 27);
    --info: oklch(0.72 0.04 250);
    --on-info: oklch(0.15 0.01 250);
    --info-subtle: oklch(0.27 0.03 250);
    --selected: oklch(0.26 0.04 75);
    --hover-veil: oklch(0.25 0.014 90);
    --focus: oklch(0.75 0.15 72);
    --overlay: oklch(0.10 0.01 90);
    --brand-surface: oklch(0.30 0.07 70);
    --on-brand-surface: oklch(0.94 0.06 80);
}