/*
 * DS brand theme — every colour on the site is derived from the logo colours:
 *   navy #1b1464 · gold #e7ad25 · white #ffffff
 * Tailwind's colour names are mapped onto these scales in theme.js:
 *   navy    ← blue, indigo, violet, purple, fuchsia, teal, sky
 *   gold    ← amber, yellow, orange, emerald, green, lime
 *   neutral ← gray, slate (white → navy-ink, no pure grey)
 * In dark mode the navy scale shifts lighter so buttons and links stay legible on the dark navy page.
 * Red is intentionally left as Tailwind's red for errors and delete actions.
 */
:root {
  --navy-50: 244 243 247;   /* #f4f3f7 */
  --navy-100: 232 232 240;   /* #e8e8f0 */
  --navy-200: 209 208 224;   /* #d1d0e0 */
  --navy-300: 175 173 201;   /* #afadc9 */
  --navy-400: 130 126 170;   /* #827eaa */
  --navy-500: 77 72 134;   /* #4d4886 */
  --navy-600: 27 20 100;   /* #1b1464 */
  --navy-700: 23 17 85;   /* #171155 */
  --navy-800: 19 14 70;   /* #130e46 */
  --navy-900: 15 11 55;   /* #0f0b37 */
  --navy-950: 11 8 40;   /* #0b0828 */
  --gold-50: 253 248 238;   /* #fdf8ee */
  --gold-100: 251 242 220;   /* #fbf2dc */
  --gold-200: 247 229 185;   /* #f7e5b9 */
  --gold-300: 243 212 142;   /* #f3d48e */
  --gold-400: 236 191 85;   /* #ecbf55 */
  --gold-500: 231 173 37;   /* #e7ad25 */
  --gold-600: 150 112 24;   /* #967018 */
  --gold-700: 127 95 20;   /* #7f5f14 */
  --gold-800: 97 73 16;   /* #614910 */
  --gold-900: 74 55 12;   /* #4a370c */
  --gold-950: 46 35 7;   /* #2e2307 */
  --neutral-50: 249 249 249;   /* #f9f9f9 */
  --neutral-100: 243 243 244;   /* #f3f3f4 */
  --neutral-200: 230 230 233;   /* #e6e6e9 */
  --neutral-300: 206 206 211;   /* #ceced3 */
  --neutral-400: 152 151 162;   /* #9897a2 */
  --neutral-500: 118 117 131;   /* #767583 */
  --neutral-600: 88 87 105;   /* #585769 */
  --neutral-700: 59 57 78;   /* #3b394e */
  --neutral-800: 20 15 74;   /* #140f4a */
  --neutral-900: 14 11 50;   /* #0e0b32 */
  --neutral-950: 10 8 34;   /* #0a0822 */
}
.dark {
  --navy-50: 18 13 64;   /* #120d40 */
  --navy-100: 21 16 77;   /* #15104d */
  --navy-200: 187 184 208;   /* #bbb8d0 */
  --navy-300: 198 196 216;   /* #c6c4d8 */
  --navy-400: 164 161 193;   /* #a4a1c1 */
  --navy-500: 130 126 170;   /* #827eaa */
  --navy-600: 95 91 146;   /* #5f5b92 */
  --navy-700: 114 109 159;   /* #726d9f */
  --navy-800: 26 19 95;   /* #1a135f */
  --navy-900: 20 15 75;   /* #140f4b */
  --navy-950: 15 11 55;   /* #0f0b37 */
  color-scheme: dark;
}

/* Frosted navbar used by the public pages */
.navbar-glass { background: rgb(255 255 255 / .9); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.dark .navbar-glass { background: rgb(var(--neutral-950) / .9); }

/* Text selection + focus in brand colours */
::selection { background: rgb(var(--gold-300)); color: rgb(var(--navy-950)); }
.dark ::selection { background: rgb(var(--gold-500)); color: #1b1464; }