/*
 * CUANTUM SCUT PILON — DESIGN TOKENS V1
 * Single source for visual values.
 * No layout rules. No component rules. No JavaScript.
 */

:root {
    --cs-font-ui: "Segoe UI", system-ui, -apple-system, sans-serif;

    --cs-bg: #1f2937;
    --cs-surface: #1a1d24;
    --cs-surface-deep: #0f172a;
    --cs-surface-panel: rgba(15, 23, 42, 0.82);

    --cs-text: #e2e8f0;
    --cs-text-strong: #f8fafc;
    --cs-text-muted: #cbd5e1;
    --cs-title: #ffebcc;

    --cs-accent: #f59e0b;
    --cs-accent-strong: #fbbf24;
    --cs-border: rgba(166, 106, 44, 0.78);
    --cs-border-soft: rgba(245, 158, 11, 0.35);
    --cs-border-cool: rgba(56, 189, 248, 0.30);

    --cs-radius-sm: 8px;
    --cs-radius-md: 12px;
    --cs-radius-lg: 16px;

    --cs-shadow-panel:
        0 0 0 1px rgba(245, 158, 11, 0.12),
        0 22px 70px rgba(0, 0, 0, 0.52);

    --cs-shadow-button:
        0 0 0 1px rgba(245, 158, 11, 0.10),
        0 6px 16px rgba(0, 0, 0, 0.30);

    --cs-page-max-width: 1160px;
    --cs-page-padding: 18px;
    --cs-grid-gap: 12px;
    --cs-transition: 180ms ease;
}