/* OwnDivision — Color tokens (Tidal palette)
   Deep Navy = structural · Teal = decisional. Dark-first; light overrides at the foot. */
:root {
  /* FOUNDATIONS — dark-mode elevation surfaces (Void → Peak) */
  --od-void:   #111358;
  --od-abyss:  #151A62;
  --od-depth:  #1A2268;
  --od-ridge:  #1F2870;
  --od-peak:   #232F72;

  /* NAVY SCALE (primary / structural) */
  --od-navy-950: #070B2A;
  --od-navy-900: #0D1245;
  --od-navy-800: #111358;
  --od-navy-700: #1A2260;
  --od-navy-600: #232F72;
  --od-navy-500: #2A3E7E;
  --od-navy-400: #2A4880;  /* primary structural fill, data viz Series 1 */
  --od-navy-300: #2F578A;
  --od-navy-200: #4A78B0;
  --od-navy-100: #C0D0E8;
  --od-navy-50:  #EAF0F8;

  /* TEAL SCALE (accent / decisional) */
  --od-teal-950: #071F1E;
  --od-teal-900: #0D2F2D;
  --od-teal-800: #134440;
  --od-teal-700: #1A5E59;
  --od-teal-600: #237974;
  --od-teal-500: #36AEA4;  /* PRIMARY accent — CTAs, highlights */
  --od-teal-400: #5CC2BA;  /* data viz Series 2 only */
  --od-teal-300: #82D3CC;
  --od-teal-200: #B0E5E1;
  --od-teal-100: #D8F3F1;
  --od-teal-50:  #EEF9F8;

  /* NEUTRAL SCALE */
  --od-neutral-900: #0A0A12;
  --od-neutral-800: #14141E;
  --od-neutral-700: #22223A;
  --od-neutral-600: #3A3A5A;
  --od-neutral-500: #5A5A7A;
  --od-neutral-400: #7A7A9A;
  --od-neutral-300: #9A9AB8;
  --od-neutral-200: #C0C0D4;
  --od-neutral-100: #DCDCEC;
  --od-neutral-50:  #F0F0F8;

  /* SEMANTIC (functional state indicators only — never decorative) */
  --od-success:       #27AE60;
  --od-success-muted: #0D2E1E;
  --od-warning:       #E67E22;
  --od-warning-muted: #2E2008;
  --od-error:         #C0392B;
  --od-error-muted:   #2E0810;
  --od-info:          #3060B8;
  --od-info-muted:    #070C1C;
}

/* LIGHT MODE — surface + neutral token swap. Brand scale values stay fixed. */
[data-theme="light"] {
  --od-void:  #EAF0F8;
  --od-abyss: #DCE8F4;
  --od-depth: #CEDFEF;
  --od-ridge: #C4D8EC;
  --od-peak:  #C0D0E8;

  --od-neutral-100: #1A1A2E;
  --od-neutral-200: #2E2E4A;
  --od-neutral-300: #4A4A6A;
  --od-neutral-400: #6A6A8A;
  --od-neutral-500: #8A8AAA;
  --od-neutral-600: #AAAACC;

  --od-success-muted: #E0F5EA;
  --od-warning-muted: #FDF0D6;
  --od-error-muted:   #FAE0E0;
  --od-info-muted:    #E2E8F8;
}
