:root {
  color-scheme: light;
  --sand-50: 252 250 247;
  --sand-100: 247 241 235;
  --sand-200: 238 228 218;
  --sand-300: 227 213 199;
  --sand-400: 210 192 175;
  --sand-500: 183 162 142;
  --sand-600: 154 132 112;
  --sand-700: 125 105 88;
  --sand-800: 96 79 65;
  --sand-900: 68 56 47;
  --sand-950: 43 35 29;
  --ink-50: 247 244 241;
  --ink-100: 236 230 224;
  --ink-200: 221 211 202;
  --ink-300: 196 183 171;
  --ink-400: 168 152 138;
  --ink-500: 139 122 108;
  --ink-600: 108 98 88;
  --ink-700: 80 71 63;
  --ink-800: 59 51 45;
  --ink-900: 44 37 32;
  --ink-950: 26 21 18;
  --clay-50: 253 242 239;
  --clay-100: 251 229 222;
  --clay-200: 247 202 188;
  --clay-300: 243 173 153;
  --clay-400: 238 141 116;
  --clay-500: 231 111 81;
  --clay-600: 201 88 61;
  --clay-700: 163 69 48;
  --clay-800: 125 51 37;
  --clay-900: 88 35 27;
  --clay-950: 53 20 15;
  --lagoon-50: 237 248 246;
  --lagoon-100: 214 240 236;
  --lagoon-200: 176 226 219;
  --lagoon-300: 134 209 198;
  --lagoon-400: 88 189 175;
  --lagoon-500: 42 157 143;
  --lagoon-600: 32 131 119;
  --lagoon-700: 24 105 95;
  --lagoon-800: 18 80 72;
  --lagoon-900: 13 57 50;
  --lagoon-950: 7 35 31;
  --success-500: 61 139 103;
  --warning-500: 224 122 46;
  --page-bg: rgb(var(--sand-50));
  --surface: rgb(var(--sand-100));
  --surface-strong: rgb(255 255 255 / 0.84);
  --text: rgb(var(--ink-900));
  --muted: rgb(var(--ink-600));
  --border: rgb(var(--sand-300));
  --accent: rgb(var(--clay-500));
  --accent-strong: rgb(var(--clay-700));
  --secondary: rgb(var(--lagoon-700));
  --secondary-soft: rgb(var(--lagoon-50));
  --shadow: rgb(var(--sand-900) / 0.14);
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --sand-950: 252 250 247;
    --sand-900: 247 241 235;
    --sand-800: 238 228 218;
    --sand-700: 227 213 199;
    --sand-600: 210 192 175;
    --sand-500: 183 162 142;
    --sand-400: 154 132 112;
    --sand-300: 125 105 88;
    --sand-200: 96 79 65;
    --sand-100: 68 56 47;
    --sand-50: 43 35 29;
    --ink-950: 247 244 241;
    --ink-900: 236 230 224;
    --ink-800: 221 211 202;
    --ink-700: 196 183 171;
    --ink-600: 168 152 138;
    --ink-500: 139 122 108;
    --ink-400: 108 98 88;
    --ink-300: 80 71 63;
    --ink-200: 59 51 45;
    --ink-100: 44 37 32;
    --ink-50: 26 21 18;
    --clay-950: 253 242 239;
    --clay-900: 251 229 222;
    --clay-800: 247 202 188;
    --clay-700: 243 173 153;
    --clay-600: 238 141 116;
    --clay-500: 231 111 81;
    --clay-400: 201 88 61;
    --clay-300: 163 69 48;
    --clay-200: 125 51 37;
    --clay-100: 88 35 27;
    --clay-50: 53 20 15;
    --lagoon-950: 237 248 246;
    --lagoon-900: 214 240 236;
    --lagoon-800: 176 226 219;
    --lagoon-700: 134 209 198;
    --lagoon-600: 88 189 175;
    --lagoon-500: 42 157 143;
    --lagoon-400: 32 131 119;
    --lagoon-300: 24 105 95;
    --lagoon-200: 18 80 72;
    --lagoon-100: 13 57 50;
    --lagoon-50: 7 35 31;
    --page-bg: rgb(26 21 18);
    --surface: rgb(43 35 29);
    --surface-strong: rgb(44 37 32 / 0.88);
    --text: rgb(247 244 241);
    --muted: rgb(196 183 171);
    --border: rgb(96 79 65);
    --accent: rgb(var(--clay-400));
    --accent-strong: rgb(var(--clay-300));
    --secondary: rgb(var(--lagoon-300));
    --secondary-soft: rgb(7 35 31);
    --shadow: rgb(0 0 0 / 0.36);
  }
}