/* ==========================================================================
   Dark theme
   Designed rather than inverted. The ground is a deep blue-leaning charcoal,
   not black, and surfaces step up in lightness so cards read as elevated. The
   accent shifts to a lighter amber so it stays legible on a dark ground.

   Contrast against --bg #0D1117:
     --text-strong      16.4:1
     --text             11.9:1
     --text-secondary    8.1:1
     --text-muted        4.8:1
     --accent-strong     9.3:1
   ========================================================================== */

[data-theme="dark"] {
  --ink-50: #F5F7FA;
  --ink-100: #E8EDF4;
  --ink-200: #D2DAE6;
  --ink-300: #AEBACB;
  --ink-400: #8493AA;
  --ink-500: #6B7483;
  --ink-600: #4A5361;
  --ink-700: #333E52;
  --ink-800: #222B3B;
  --ink-900: #12161D;
  --ink-950: #0B0F15;

  --amber-50: #FEF6EC;
  --amber-100: #FBE8CE;
  --amber-200: #F6D09D;
  --amber-300: #EFB468;
  --amber-400: #E79B3D;
  --amber-500: #D4821F;
  --amber-600: #B26717;
  --amber-700: #92520F;
  --amber-800: #6B3D15;
  --amber-900: #4A2B12;

  /* Surfaces step up as elements sit higher, which gives real depth */
  --bg: #0D1117;
  --bg-subtle: #10151D;
  --surface: #141A23;
  --surface-raised: #1A212C;
  --surface-sunken: #10151D;
  --surface-inverse: #F0F3F8;

  --border: #232C39;
  --border-strong: #35404F;
  --grid-line: rgba(255, 255, 255, 0.045);

  --text-strong: #F0F3F8;
  --text: #D5DCE6;
  --text-secondary: #A9B4C4;
  --text-muted: #7C8798;
  --text-inverse: #12161D;

  --accent: #EFB468;
  --accent-strong: #F0B76C;
  --accent-soft: rgba(239, 180, 104, 0.24);
  --accent-wash: rgba(239, 180, 104, 0.08);
  --accent-border: rgba(239, 180, 104, 0.34);
  --accent-contrast: #12161D;
  --accent-glow: rgba(239, 180, 104, 0.22);

  /* Primary action inverts to a near-white pill, keeping amber for accent use */
  --btn-primary-bg: #EDF0F4;
  --btn-primary-bg-hover: #FFFFFF;
  --btn-primary-fg: #0F141B;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 6px 18px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 16px 44px rgba(0, 0, 0, 0.55);

  --header-bg: rgba(13, 17, 23, 0.78);
  --header-border: rgba(255, 255, 255, 0.07);
  --overlay: rgba(6, 9, 13, 0.62);

  --success: #6FCF97;
  --danger: #E8836F;
}