/* Centralized palette reference for the ALMA GUI. */
:root {
    /* Core surfaces & backgrounds */
    --color-page-background: #f3f5fb; /* body background */
    --color-panel-surface: #ffffff; /* primary panels (also #fff shorthand) */
    --color-panel-soft-1: #fbfcff; /* soft cards/panels */
    --color-panel-soft-2: #fdfdff; /* lighter cards */
    --color-panel-soft-3: #fdfefe; /* modal backgrounds */
    --color-panel-soft-4: #f8f9ff; /* visualization cards */
    --color-panel-soft-5: #f7f9ff; /* light gradients */
    --color-panel-soft-6: #f7f8fc; /* console fills */
    --color-panel-soft-7: #f6f8ff; /* console rows */
    --color-panel-soft-8: #f5f7ff; /* appraisal shells */
    --color-panel-soft-9: #f3f5ff; /* script cards */
    --color-panel-soft-10: #eef2ff; /* table headers */
    --color-panel-soft-11: #eceef6; /* chart backgrounds */
    --color-panel-soft-12: #e5e7f5; /* context boxes */
    --color-panel-soft-13: #e2e6f7; /* neutral grid lines */
    --color-panel-soft-14: #e0e6ff; /* accordion headers */
    --color-panel-soft-15: #dfe5f4; /* script shell border */
    --color-panel-soft-16: #dfe5f3; /* appraisal outlines */
    --color-panel-soft-17: #dfe3fb; /* neutral separators */
    --color-panel-soft-18: #dce1f3; /* config sections */
    --color-panel-soft-19: #dce1f1; /* metadata rows */
    --color-panel-soft-20: #dbe2f4; /* slider rails */
    --color-panel-soft-21: #dbe1f1; /* script card border */
    --color-panel-soft-22: #dbeafe; /* selection highlight */
    --color-panel-soft-23: #d8deef; /* config section borders */
    --color-panel-soft-24: #d6dff2; /* action rows */
    --color-panel-soft-25: #d5dcf2; /* conversation borders */
    --color-panel-soft-26: #d2d8ee; /* toggle outline */
    --color-panel-soft-27: #d1d5db; /* status dot idle */
    --color-panel-soft-28: #cfd6ec; /* appraisal slider track */
    --color-panel-soft-29: #cdd6fb; /* faint separators */
    --color-panel-soft-30: #cbd5f5; /* input borders */
    --color-panel-soft-31: #c7d2f3; /* prompt chips */
    --color-panel-soft-32: #c5cfe9; /* helper text backgrounds */

    /* Structured neutrals & text */
    --color-text-primary: #111524; /* main body copy */
    --color-text-deep: #0f172a; /* headings */
    --color-text-strong: #1f2937; /* emphasis text */
    --color-text-muted: #4b5563; /* secondary labels */
    --color-text-soft: #6b7280; /* helper messages */
    --color-text-panel: #374151; /* script row text */
    --color-text-faint: #9098af; /* subdued metadata */
    --color-text-caption: #475569; /* captions & hints */
    --color-text-slate: #5d647a; /* appraisal description */
    --color-text-contrast: #fafafa; /* dark backgrounds */
    --color-text-subtle: #7a8094; /* inline meta */
    --color-text-legacy: #111; /* legacy label */

    /* Dark structural accents */
    --color-header-background: #0d1220; /* page header */
    --color-header-text: #f6f8ff; /* header subtitle */
    --color-gear-active: #062c1f; /* gear toggle shadow */
    --color-slate-midnight: #1d2336; /* appraisal panel title */
    --color-slate-deep: #1d2438; /* console headings */
    --color-slate-alt: #1e2338; /* section headers */
    --color-slate-ink: #1e2650; /* toggles */
    --color-slate-panel: #1f2a4a; /* panel headings */
    --color-slate-graphite: #353a4c; /* muted numerical text */
    --color-slate-charcoal: #3c4158; /* explanation text */
    --color-slate-steel: #4b5164; /* prompt hints */
    --color-slate-bluegray: #5d6474; /* metadata labels */
    --color-slate-bluegray-strong: #5d647a; /* prompt titles */
    --color-slate-bluegray-soft: #9ca3af; /* table title text */
    --color-slate-bluegray-softer: #9ca4bd; /* slider labels */

    /* Accent blues & indigos */
    --color-brand-blue: #2563eb; /* primary buttons */
    --color-brand-blue-border: #1d4ed8; /* button border */
    --color-brand-blue-light: #60a5fa; /* focus outline */
    --color-brand-blue-muted: #c5d2ff; /* chips & pills */
    --color-brand-navy: #1d2336; /* conversation header */
    --color-indicator-outline: #94a3b8; /* focus rings */

    /* Status & emphasis colors */
    --color-status-idle: #fbbf24; /* idle/amber indicators */
    --color-status-success: #10b981; /* active status dot */
    --color-status-positive: #16a34a; /* positive pill text */
    --color-status-error: #f87171; /* error banners */
    --color-status-danger: #dc2626; /* destructive button */
    --color-status-danger-border: #b91c1c; /* destructive border */
    --color-play-active: #065f46; /* play button active */
    --color-play-border: #064e3b; /* play button border */
    --color-stop-active: #7f1d1d; /* stop/record active */
    --color-record-idle: #374151; /* record idle background */
    --color-record-border: #111827; /* record idle border */
    --color-stop-outline: #7f1d1d; /* stop outline */

    /* Table states */
    --color-row-hover: #f8fafc; /* hover state */
    --color-row-selected: #dbeafe; /* selected row */
    --color-row-empty-text: #6b7280; /* empty message */

    /* Misc utility tints */
    --color-divider-muted: #d2d8ee; /* toolbar toggles */
    --color-divider-strong: #dbe1f1; /* script card lines */
    --color-slider-track: #d1d5db; /* slider base */
    --color-slider-rail: #cfd6ec; /* slider overlay */
    --color-chip-bg: #c7d2f3; /* prompt chips */
    --color-chip-text: #1e2650; /* prompt chip text */
    --color-appraisal-tag-blue: #315687; /* basic tags highlight */
    --color-act-tag-violett: #743187; /* act signal highlight */
    --color-appraisal-tag-muted: #315687; /* meta info text */
    --color-act-tag-violett: #743187; /* basic tags highlight */
}