/*
 * Physics Alpha technical project — public UI palette for «Физика с азов».
 * Keep literal interface colors in this file; components should consume tokens.
 */
:root {
    /* Neutral foundation */
    --palette-white: #ffffff;
    --palette-white-rgb: 255, 255, 255;
    --palette-canvas: #f4f7fb;
    --palette-canvas-rgb: 244, 247, 251;
    --palette-surface-soft: #f8fbff;
    --palette-surface-soft-rgb: 248, 251, 255;
    --palette-surface-muted: #eef3f9;
    --palette-surface-muted-rgb: 238, 243, 249;
    --palette-surface-hover: #e4ebf5;
    --palette-surface-hover-rgb: 228, 235, 245;
    --palette-border: #d6dfeb;
    --palette-border-rgb: 214, 223, 235;
    --palette-border-strong: #c7d2e1;
    --palette-border-strong-rgb: 199, 210, 225;
    --palette-ink-strong: #0f1728;
    --palette-ink-strong-rgb: 15, 23, 40;
    --palette-ink: #172033;
    --palette-ink-rgb: 23, 32, 51;
    --palette-slate: #5f6f86;
    --palette-slate-rgb: 95, 111, 134;
    --palette-slate-mid: #71839a;
    --palette-slate-mid-rgb: 113, 131, 154;
    --palette-slate-light: #8996a7;
    --palette-slate-light-rgb: 137, 150, 167;
    --palette-shadow-rgb: 15, 23, 40;

    /* Shared ordinary hover tooltips (warning notices keep their own palette). */
    --tooltip-background: var(--palette-ink-strong);
    --tooltip-color: var(--palette-white);
    --tooltip-border: 1px solid rgba(var(--palette-border-rgb), .18);
    --tooltip-radius: 10px;
    --tooltip-shadow: 0 14px 30px rgba(var(--palette-shadow-rgb), .16);

    /* Primary interaction */
    --palette-primary: #0071bc;
    --palette-primary-rgb: 0, 113, 188;
    --palette-primary-hover: #00558d;
    --palette-primary-hover-rgb: 0, 85, 141;
    --palette-primary-deep: #183f73;
    --palette-primary-deep-rgb: 24, 63, 115;
    --palette-primary-soft: #eaf2ff;
    --palette-primary-soft-rgb: 234, 242, 255;
    --palette-primary-highlight: #dce9ff;
    --palette-primary-highlight-rgb: 220, 233, 255;

    /* Status colors */
    --palette-success: #2f8c4c;
    --palette-success-rgb: 47, 140, 76;
    --palette-success-deep: #287f39;
    --palette-success-deep-rgb: 40, 127, 57;
    --palette-success-soft: #e9f8ed;
    --palette-success-soft-rgb: 233, 248, 237;
    --palette-success-fill: #afe5c0;
    --palette-success-fill-rgb: 175, 229, 192;
    --palette-warning: #d38b18;
    --palette-warning-rgb: 211, 139, 24;
    --palette-warning-deep: #bf8a15;
    --palette-warning-deep-rgb: 191, 138, 21;
    --palette-warning-soft: #fbf3de;
    --palette-warning-soft-rgb: 251, 243, 222;
    --palette-warning-fill: #f1d48b;
    --palette-warning-fill-rgb: 241, 212, 139;
    --palette-danger: #c33a34;
    --palette-danger-rgb: 195, 58, 52;
    --palette-danger-deep: #b42318;
    --palette-danger-deep-rgb: 180, 35, 24;
    --palette-danger-soft: #ffecec;
    --palette-danger-soft-rgb: 255, 236, 236;
    --palette-danger-fill: #f4bbbb;
    --palette-danger-fill-rgb: 244, 187, 187;
    --palette-progress-new: #30ff20;
    --palette-progress-new-rgb: 48, 255, 32;

    /* Additional categorical accents */
    --palette-violet: #8d47b8;
    --palette-violet-rgb: 141, 71, 184;
    --palette-violet-soft: #f3e9fb;
    --palette-violet-soft-rgb: 243, 233, 251;
    --palette-teal: #1f8f97;
    --palette-teal-rgb: 31, 143, 151;
    --palette-teal-soft: #e5f8fa;
    --palette-teal-soft-rgb: 229, 248, 250;

    /* Dark scientific plots */
    --palette-chart-background: #11151b;
    --palette-chart-text: #dce3ec;
    --palette-chart-muted: #9fb0c3;
    --palette-chart-axis: #c7d2e1;
    --palette-chart-axis-rgb: 199, 210, 225;
    --palette-chart-cyan: #55d6ff;
    --palette-chart-red: #ff657a;
    --palette-chart-green: #9bea6c;
    --palette-chart-yellow: #ffd166;
    --palette-chart-violet: #b794ff;
    --palette-chart-orange: #ff9f5b;

    /* Semantic aliases used by site components */
    --color-bg: var(--palette-canvas);
    --color-surface: var(--palette-white);
    --color-surface-soft: var(--palette-surface-soft);
    --color-surface-muted: var(--palette-surface-muted);
    --color-surface-hover: var(--palette-surface-hover);
    --color-text: var(--palette-ink);
    --color-text-muted: var(--palette-slate);
    --color-muted: var(--palette-slate);
    --color-text-subtle: var(--palette-slate-light);
    --color-heading: var(--palette-ink-strong);
    --color-link: var(--palette-primary);
    --color-link-hover: var(--palette-primary-hover);
    --color-border: var(--palette-border);
    --color-border-strong: var(--palette-border-strong);
    --color-highlight: var(--palette-primary-highlight);
    --color-success: var(--palette-success);
    --color-warning: var(--palette-warning);
    --color-danger: var(--palette-danger);
    --color-shadow: rgba(var(--palette-shadow-rgb), 0.08);
    --control-button-surface: var(--color-surface-muted);
    --control-button-ink: var(--color-link-hover);
    --control-button-border: var(--color-border);
    --shadow-circular-control-hover: 0 5px 16px rgba(var(--palette-primary-deep-rgb), 0.18);
}