/* Approved Thymari palette; neutral/semantic extensions are implementation guidance. */
:root {
  color-scheme: dark;
  --vast-navy: #092131;
  --vast-sea: #2AA2CF;
  --vast-sunset: #FA8C44;
  --vast-logo-label: #A2BCCE;
  --vast-surface: #102C3E;
  --vast-surface-raised: #17394D;
  --vast-text: #EDF5F8;
  --vast-text-secondary: #B8CDD9;
  --vast-text-muted: #94AFC0;
  --vast-line: #29495D;
  --vast-control-border: #66879B;
  --vast-sea-hover: #66C4E6;
  --vast-sea-light: #A4DBEE;
  --vast-sunset-hover: #FFAB76;
  --vast-success: #85D5B3;
  --vast-warning: #F2CF85;
  --vast-error: #FFA69C;
  --color-bg: var(--vast-navy);
  --color-surface: var(--vast-surface);
  --color-surface-raised: var(--vast-surface-raised);
  --color-text: var(--vast-text);
  --color-text-secondary: var(--vast-text-secondary);
  --color-text-muted: var(--vast-text-muted);
  --color-link: var(--vast-sea-hover);
  --color-link-hover: var(--vast-sea-light);
  --color-action: var(--vast-sunset);
  --color-action-hover: var(--vast-sunset-hover);
  --color-on-action: var(--vast-navy);
  --color-focus: var(--vast-sea-hover);
  --color-border: var(--vast-line);
  --color-control-border: var(--vast-control-border);
  --color-success: var(--vast-success);
  --color-warning: var(--vast-warning);
  --color-error: var(--vast-error);
  --color-info: var(--vast-sea-hover);
  --color-selection: var(--vast-sunset);
  --color-on-selection: var(--vast-navy);
}
@supports (color: oklch(50% 0.1 200)) {
  :root {
    --vast-navy: oklch(23.775% 0.04277 241.063);
    --vast-sea: oklch(66.834% 0.12010 228.765);
    --vast-sunset: oklch(74.726% 0.15806 51.054);
    --vast-logo-label: oklch(78.156% 0.03831 238.238);
    --vast-surface: oklch(28.096% 0.04735 239.707);
    --vast-surface-raised: oklch(32.925% 0.05300 237.245);
    --vast-text: oklch(96.500% 0.00942 222.057);
    --vast-text-secondary: oklch(83.626% 0.02830 232.740);
    --vast-text-muted: oklch(73.927% 0.03863 235.690);
    --vast-line: oklch(38.975% 0.05090 237.472);
    --vast-control-border: oklch(60.574% 0.04811 235.216);
    --vast-sea-hover: oklch(77.560% 0.10127 224.131);
    --vast-sea-light: oklch(85.987% 0.06219 221.188);
    --vast-sunset-hover: oklch(81.206% 0.12052 52.531);
    --vast-success: oklch(81.183% 0.09311 165.371);
    --vast-warning: oklch(86.822% 0.10060 85.093);
    --vast-error: oklch(81.066% 0.10718 26.669);
  }
}