/* Semantic aliases. The navy surface is the default; [data-surface="light"]
   (or .surface-light) swaps to the print surface. Structure is identical —
   only surface, alpha, and which blue carries the accent change. */
:root {
  --surface: #072760;
  --surface-alt: #061F4D;
  --surface-solid: #0B3271;

  --panel-fill: rgba(255, 255, 255, 0.04);
  --panel-edge: rgba(37, 162, 240, 0.55);
  --panel-edge-soft: rgba(37, 162, 240, 0.35);
  --panel-border: 1px solid var(--panel-edge);
  --panel-state-tint: 0.2; /* @kind other */
  --panel-state-border: 2px;
  --panel-state-border-alpha: 0.55; /* @kind other */

  --accent: #25A2F0;
  --accent-strong: #0445A0;

  --text-primary: #FFFFFF;
  --text-secondary: rgba(255, 255, 255, 0.6);
  --text-on-accent: #FFFFFF;

  --hairline: rgba(255, 255, 255, 0.10);
  --chip-fill: rgba(255, 255, 255, 0.08);
  --stripe: rgba(255, 255, 255, 0.03);
  --field-edge: rgba(255, 255, 255, 0.18);

  --gridline: rgba(255, 255, 255, 0.10);
  --axis-label: rgba(255, 255, 255, 0.55);

  --pattern-color: #80A8D9;
  --pattern-opacity: 0.5; /* @kind other */

  /* Print reference values (also applied by the light scope below) */
  --print-surface: #FFFFFF;
  --print-panel-fill: #F5F8FC;
  --print-panel-border: 1px solid rgba(4, 69, 160, 0.22); /* @kind other */
  --print-ink: #1A1A1A;
  --print-secondary: #6B7A90;
  --print-hairline: #E3EAF4;
}

[data-surface="light"] {
  --surface: #FFFFFF;
  --surface-alt: #F5F8FC;
  --surface-solid: #EAF0F8;

  --panel-fill: #F5F8FC;
  --panel-edge: rgba(4, 69, 160, 0.22);
  --panel-edge-soft: rgba(4, 69, 160, 0.14);
  --panel-border: 1px solid var(--panel-edge);
  --panel-state-tint: 0.1; /* @kind other */
  --panel-state-border-alpha: 0.45; /* @kind other */

  --accent: #0445A0;
  --accent-strong: #0445A0;

  --text-primary: #1A1A1A;
  --text-secondary: #6B7A90;

  --hairline: #E3EAF4;
  --chip-fill: rgba(37, 162, 240, 0.16);
  --stripe: #F5F8FC;
  --field-edge: rgba(4, 69, 160, 0.22);

  --gridline: #EAF0F8;
  --axis-label: #6B7A90;

  --pattern-color: #0445A0;
  --pattern-opacity: 0.16; /* @kind other */

  --chart-1: #0445A0;
  --chart-2: #B8860F;
  --chart-8: #667085;
}