:root {
    --bg-primary: #c5d5d5;
    --bg-secondary: #acbdbc;
    --text-primary: #000000;
    --content-text-primary: #000000;
    color-scheme: light;

    --primary: #15545a;
    --secondary: #223b3c;
    --accent: rgba(21, 84, 90, 0.17);
    --border: rgba(25, 48, 48, 0.36);
    --header-divider: rgba(25, 48, 48, 0.42);
    --bad: #b23b09;
    --warning: #8a6200;
    --success: #1f7b48;
    --accent-bad: rgba(255, 51, 0, 0.1);
    --bg-gradient: linear-gradient(to bottom, transparent 0%, rgba(21, 84, 90, 0.035) 100%);
    --header-bg: #a6b8b7;
    --table-border: rgba(25, 48, 48, 0.34);
    --project-asset-selection-arrow: #000000;
    --project-focus-fg: rgba(0, 0, 0, 0.82);
    --scrollbar-track: rgba(25, 48, 48, 0.08);
    --scrollbar-thumb: rgba(21, 84, 90, 0.34);
    --scrollbar-thumb-hover: rgba(21, 84, 90, 0.5);
    --guided-structure-bg: var(--surface-raised);
    --guided-structure-fg: #101c1c;
    --guided-structure-model-fg: #4d6665;
    --guided-structure-selection-fg: #b9fff0;
    --guided-sequence-head-bg: rgba(178, 197, 196, 0.92);
    --guided-sequence-selection-bg: rgba(7, 42, 38, 0.36);
    --guided-sequence-selection-fg: #001b18;
    --guided-sequence-selection-line: rgba(21, 84, 90, 0.82);
    --analytics-chart-grid: rgba(14, 26, 26, 0.14);
    --analytics-chart-axis: rgba(14, 26, 26, 0.58);
    --analytics-chart-cursor: #15545a;
    --analytics-chart-total-line: #0f3f45;
    
    /* Effects */
    --glow: 0 0 12px rgba(43, 141, 132, 0.08);
    --depth-highlight: rgba(255, 255, 255, 0.7);
    --depth-highlight-soft: rgba(255, 255, 255, 0.42);
    --depth-shadow: rgba(14, 26, 26, 0.38);
    --depth-shadow-soft: rgba(14, 26, 26, 0.2);
    --depth-sheen: rgba(255, 255, 255, 0.12);
    --depth-lowlight: rgba(14, 26, 26, 0.04);
    --surface-raised: #b2c5c4;
    --surface-control: #bed2d1;
    --surface-sunken: #bed1d0;
    --tech-accent: #15545a;
    --machine-line: rgba(25, 50, 50, 0.28);
    --machine-line-soft: rgba(25, 50, 50, 0.12);
    --machine-drop: rgba(14, 26, 26, 0.18);
}

/* Keep the decorative header AA banner quiet on light theme. */
.aa-seq { opacity: 0.34; }
.aa-dom { text-shadow: 0 0 3px rgba(14, 26, 26, 0.1); }

/* Keep the brand color aligned with the active machine accent. */
.header h1 { color: var(--primary); }

/* Improve text selection visibility on light theme */
::selection {
    background: rgba(21, 84, 90, 0.5);
    color: #ffffff;
}

::-moz-selection {
    background: rgba(21, 84, 90, 0.5);
    color: #ffffff;
}