/* Catppuccin token map
   Default (light): Latte  https://catppuccin.com/palette/  */
:root {
  --primary: #4c4f69; /* Latte text (#4c4f69) */
  --secondary: #6c6f85; /* Latte subtext0 (#6c6f85) */
  --success: #40a02b; /* Latte green (#40a02b) */
  --warning: #df8e1d; /* Latte yellow (#df8e1d) */
  --danger: #d20f39; /* Latte red (#d20f39) */
  --muted: #8c8fa1; /* Latte overlay1 (#8c8fa1) */

  --primary-light: rgba(76, 79, 105, 0.14); /* Latte text (#4c4f69) @ 14% */
  --secondary-light: rgba(108, 111, 133, 0.14); /* Latte subtext0 (#6c6f85) @ 14% */
  --success-light: rgba(64, 160, 43, 0.14); /* Latte green (#40a02b) @ 14% */
  --warning-light: rgba(223, 142, 29, 0.14); /* Latte yellow (#df8e1d) @ 14% */
  --danger-light: rgba(210, 15, 57, 0.14); /* Latte red (#d20f39) @ 14% */
  --muted-light: rgba(140, 143, 161, 0.14); /* Latte overlay1 (#8c8fa1) @ 14% */

  --primary-dark: #5c5f77; /* Latte subtext1 (#5c5f77) */
  --secondary-dark: #7c7f93; /* Latte overlay2 (#7c7f93) */
  --success-dark: #40a02b; /* Latte green (#40a02b) */
  --warning-dark: #df8e1d; /* Latte yellow (#df8e1d) */
  --danger-dark: #d20f39; /* Latte red (#d20f39) */
  --muted-dark: #6c6f85; /* Latte subtext0 (#6c6f85) */

  --primary-light-10: color-mix(in srgb, #4c4f69 90%, #eff1f5 10%); /* best-guess: 10% mix (Latte text -> Latte base) */
  --secondary-light-10: color-mix(in srgb, #6c6f85 90%, #eff1f5 10%); /* best-guess: 10% mix (Latte subtext0 -> Latte base) */
  --success-light-10: color-mix(in srgb, #40a02b 90%, #eff1f5 10%); /* best-guess: 10% mix (Latte green -> Latte base) */
  --warning-light-10: color-mix(in srgb, #df8e1d 90%, #eff1f5 10%); /* best-guess: 10% mix (Latte yellow -> Latte base) */
  --danger-light-10: color-mix(in srgb, #d20f39 90%, #eff1f5 10%); /* best-guess: 10% mix (Latte red -> Latte base) */
  --muted-light-10: color-mix(in srgb, #8c8fa1 90%, #eff1f5 10%); /* best-guess: 10% mix (Latte overlay1 -> Latte base) */

  --primary-dark-10: color-mix(in srgb, #4c4f69 90%, #dce0e8 10%); /* best-guess: 10% mix (Latte text -> Latte crust) */
  --secondary-dark-10: color-mix(in srgb, #6c6f85 90%, #dce0e8 10%); /* best-guess: 10% mix (Latte subtext0 -> Latte crust) */
  --success-dark-10: color-mix(in srgb, #40a02b 90%, #dce0e8 10%); /* best-guess: 10% mix (Latte green -> Latte crust) */
  --warning-dark-10: color-mix(in srgb, #df8e1d 90%, #dce0e8 10%); /* best-guess: 10% mix (Latte yellow -> Latte crust) */
  --danger-dark-10: color-mix(in srgb, #d20f39 90%, #dce0e8 10%); /* best-guess: 10% mix (Latte red -> Latte crust) */
  --muted-dark-10: color-mix(in srgb, #8c8fa1 90%, #dce0e8 10%); /* best-guess: 10% mix (Latte overlay1 -> Latte crust) */

  --white-dark: rgba(76, 79, 105, 0.03); /* Latte text (#4c4f69) @ 3% */
  --white-dark-light-80: rgba(76, 79, 105, 0.03); /* Latte text (#4c4f69) @ 3% */
  --light-dark: rgba(76, 79, 105, 0.70); /* Latte text (#4c4f69) @ 70% */

  --white: #eff1f5; /* Latte base (#eff1f5) */
  --main-background: #eff1f5; /* Latte base (#eff1f5) */
  --body-background: #e6e9ef; /* Latte mantle (#e6e9ef) */
  --main-background-light: #f5f7fa; /* best-guess: near-white (10% mix-ish), visually "Latte base but brighter" */

  --black: #4c4f69; /* Latte text (#4c4f69) */
  --primary-text: #4c4f69; /* Latte text (#4c4f69) */
  --secondary-text: #1e66f5; /* Latte blue (#1e66f5) */
  --success-text: #40a02b; /* Latte green (#40a02b) */
  --warning-text: #df8e1d; /* Latte yellow (#df8e1d) */
  --danger-text: #d20f39; /* Latte red (#d20f39) */
  --muted-text: #6c6f85; /* Latte subtext0 (#6c6f85) */

  --shadow-color-regular: rgba(76, 79, 105, 0.20); /* Latte text (#4c4f69) @ 20% */
  --shadow-color-hover: rgba(76, 79, 105, 0.30); /* Latte text (#4c4f69) @ 30% */

  --primary-inverse: #eff1f5; /* Latte base (#eff1f5) */
}

/* Dark mode: Catppuccin Mocha overrides */
@media (prefers-color-scheme: dark) {
  :root {
    --primary: #cdd6f4; /* Mocha text (#cdd6f4) */
    --secondary: #a6adc8; /* Mocha subtext0 (#a6adc8) */
    --success: #a6e3a1; /* Mocha green (#a6e3a1) */
    --warning: #f9e2af; /* Mocha yellow (#f9e2af) */
    --danger: #f38ba8; /* Mocha red (#f38ba8) */
    --muted: #7f849c; /* Mocha overlay1 (#7f849c) */

    --primary-light: rgba(205, 214, 244, 0.14); /* Mocha text (#cdd6f4) @ 14% */
    --secondary-light: rgba(166, 173, 200, 0.14); /* Mocha subtext0 (#a6adc8) @ 14% */
    --success-light: rgba(166, 227, 161, 0.14); /* Mocha green (#a6e3a1) @ 14% */
    --warning-light: rgba(249, 226, 175, 0.14); /* Mocha yellow (#f9e2af) @ 14% */
    --danger-light: rgba(243, 139, 168, 0.14); /* Mocha red (#f38ba8) @ 14% */
    --muted-light: rgba(127, 132, 156, 0.14); /* Mocha overlay1 (#7f849c) @ 14% */

    --primary-dark: #bac2de; /* Mocha subtext1 (#bac2de) */
    --secondary-dark: #9399b2; /* Mocha overlay2 (#9399b2) */
    --success-dark: #a6e3a1; /* Mocha green (#a6e3a1) */
    --warning-dark: #f9e2af; /* Mocha yellow (#f9e2af) */
    --danger-dark: #f38ba8; /* Mocha red (#f38ba8) */
    --muted-dark: #a6adc8; /* Mocha subtext0 (#a6adc8) */

    --primary-light-10: color-mix(in srgb, #cdd6f4 90%, #1e1e2e 10%); /* best-guess: 10% mix (Mocha text -> Mocha base) */
    --secondary-light-10: color-mix(in srgb, #a6adc8 90%, #1e1e2e 10%); /* best-guess: 10% mix (Mocha subtext0 -> Mocha base) */
    --success-light-10: color-mix(in srgb, #a6e3a1 90%, #1e1e2e 10%); /* best-guess: 10% mix (Mocha green -> Mocha base) */
    --warning-light-10: color-mix(in srgb, #f9e2af 90%, #1e1e2e 10%); /* best-guess: 10% mix (Mocha yellow -> Mocha base) */
    --danger-light-10: color-mix(in srgb, #f38ba8 90%, #1e1e2e 10%); /* best-guess: 10% mix (Mocha red -> Mocha base) */
    --muted-light-10: color-mix(in srgb, #7f849c 90%, #1e1e2e 10%); /* best-guess: 10% mix (Mocha overlay1 -> Mocha base) */

    --primary-dark-10: color-mix(in srgb, #cdd6f4 90%, #11111b 10%); /* best-guess: 10% mix (Mocha text -> Mocha crust) */
    --secondary-dark-10: color-mix(in srgb, #a6adc8 90%, #11111b 10%); /* best-guess: 10% mix (Mocha subtext0 -> Mocha crust) */
    --success-dark-10: color-mix(in srgb, #a6e3a1 90%, #11111b 10%); /* best-guess: 10% mix (Mocha green -> Mocha crust) */
    --warning-dark-10: color-mix(in srgb, #f9e2af 90%, #11111b 10%); /* best-guess: 10% mix (Mocha yellow -> Mocha crust) */
    --danger-dark-10: color-mix(in srgb, #f38ba8 90%, #11111b 10%); /* best-guess: 10% mix (Mocha red -> Mocha crust) */
    --muted-dark-10: color-mix(in srgb, #7f849c 90%, #11111b 10%); /* best-guess: 10% mix (Mocha overlay1 -> Mocha crust) */

    --white-dark: rgba(205, 214, 244, 0.03); /* Mocha text (#cdd6f4) @ 3% */
    --white-dark-light-80: rgba(205, 214, 244, 0.03); /* Mocha text (#cdd6f4) @ 3% */
    --light-dark: rgba(17, 17, 27, 0.70); /* Mocha crust (#11111b) @ 70% */

    --white: #cdd6f4; /* Mocha text (#cdd6f4) */
    --main-background: #1e1e2e; /* Mocha base (#1e1e2e) */
    --body-background: #11111b; /* Mocha crust (#11111b) */
    --main-background-light: #181825; /* Mocha mantle (#181825) */

    --black: #11111b; /* Mocha crust (#11111b) */
    --primary-text: #cdd6f4; /* Mocha text (#cdd6f4) */
    --secondary-text: #89b4fa; /* Mocha blue (#89b4fa) */
    --success-text: #a6e3a1; /* Mocha green (#a6e3a1) */
    --warning-text: #f9e2af; /* Mocha yellow (#f9e2af) */
    --danger-text: #f38ba8; /* Mocha red (#f38ba8) */
    --muted-text: #a6adc8; /* Mocha subtext0 (#a6adc8) */

    --shadow-color-regular: rgba(17, 17, 27, 0.60); /* Mocha crust (#11111b) @ 60% */
    --shadow-color-hover: rgba(17, 17, 27, 0.75); /* Mocha crust (#11111b) @ 75% */

    --primary-inverse: #1e1e2e; /* Mocha base (#1e1e2e) */
  }
}