/* ── style/palettes/catppuccin-latte.css ── */

:root{
  color-scheme:light;

    --ctp-latte-rosewater:#dc8a78;
  --ctp-latte-flamingo:#dd7878;
  --ctp-latte-pink:#ea76cb;
  --ctp-latte-red:#d20f39;
  --ctp-latte-maroon:#e64553;
  --ctp-latte-peach:#fe640b;
  --ctp-latte-yellow:#df8e1d;
  --ctp-latte-green:#40a02b;
  --ctp-latte-teal:#179299;
  --ctp-latte-sky:#04a5e5;
  --ctp-latte-sapphire:#209fb5;
  --ctp-latte-lavender:#7287fd;
  --ctp-latte-text:#4c4f69;
  --ctp-latte-subtext1:#5c5f77;
  --ctp-latte-overlay2:#7c7f93;
  --ctp-latte-overlay1:#8c8fa1;
  --ctp-latte-overlay0:#9ca0b0;
  --ctp-latte-surface2:#acb0be;
  --ctp-latte-base:#eff1f5;
  --ctp-latte-mantle:#e6e9ef;
  --ctp-latte-crust:#dce0e8;
    --ctp-mocha-text:#cdd6f4;
  --ctp-mocha-yellow:#f9e2af;
  --ctp-mocha-base:#1e1e2e;
  --ctp-mocha-mantle:#181825;
  --ctp-mocha-crust:#11111b;
    --ctp-frappe-red:#e78284;
  --ctp-frappe-mauve:#ca9ee6;
  --ctp-frappe-blue:#8caaee;

    --accent-rosewater:var(--ctp-latte-rosewater);
  --accent-flamingo:var(--ctp-latte-flamingo);
  --accent-pink:var(--ctp-latte-pink);
  --accent-mauve:var(--ctp-frappe-mauve);
  --accent-red:var(--ctp-frappe-red);
  --accent-maroon:var(--ctp-latte-maroon);
  --accent-peach:var(--ctp-latte-peach);
  --accent-yellow:var(--ctp-latte-yellow);
  --accent-green:var(--ctp-latte-green);
  --accent-teal:var(--ctp-latte-teal);
  --accent-sky:var(--ctp-latte-sky);
  --accent-sapphire:var(--ctp-latte-sapphire);
  --accent-blue:var(--ctp-frappe-blue);
  --accent-lavender:var(--ctp-latte-lavender);

    --color-bg:var(--ctp-latte-base);
  --color-ruling:var(--ctp-latte-crust);
  --color-lead:var(--ctp-latte-overlay2);
  --color-pencil-red:color-mix(in oklab, var(--color-bg), var(--ctp-latte-red) 62%);

    --color-ink:var(--ctp-mocha-crust);
  --color-text:color-mix(in oklab, var(--ctp-latte-text), var(--color-ink) 20%);
  --color-text-secondary:var(--ctp-latte-subtext1);
  --color-text-muted:var(--ctp-latte-subtext1);
  --color-glint:var(--ctp-latte-base);

    --color-surface:var(--ctp-latte-mantle);
  --color-surface-shine:var(--ctp-latte-base);
  --color-surface-lip:var(--ctp-latte-crust);
  --color-surface-ledge:var(--ctp-latte-overlay2);
  --color-sheet:var(--ctp-latte-crust);

    --color-accent:var(--accent);
  --color-accent-shine:color-mix(in oklab, var(--color-accent), var(--color-glint) 40%);
  --color-accent-lip:color-mix(in oklab, var(--color-accent), var(--color-ink) 18%);
  --color-accent-ledge:color-mix(in oklab, var(--color-accent), var(--color-ink) 70%);
  --color-highlight:var(--ctp-latte-green);
  --color-highlight-shine:color-mix(in oklab, var(--color-highlight), var(--color-glint) 40%);
  --color-highlight-lip:color-mix(in oklab, var(--color-highlight), var(--color-ink) 18%);
  --color-highlight-ledge:color-mix(in oklab, var(--color-highlight), var(--color-ink) 70%);
  --color-neutral:var(--ctp-latte-overlay1);
  --color-neutral-shine:var(--ctp-latte-overlay0);
  --color-neutral-lip:var(--ctp-latte-overlay2);
  --color-neutral-ledge:var(--ctp-latte-text);
  --color-reward:var(--ctp-latte-yellow);
  --color-reward-shine:color-mix(in oklab, var(--color-reward), var(--color-glint) 40%);
  --color-reward-lip:var(--ctp-latte-peach);
  --color-reward-ledge:color-mix(in oklab, var(--color-reward), var(--color-ink) 70%);
  --color-secondary:var(--ctp-latte-peach);
  --color-secondary-shine:var(--ctp-latte-yellow);
  --color-secondary-lip:var(--ctp-latte-red);
  --color-secondary-ledge:color-mix(in oklab, var(--color-secondary), var(--color-ink) 70%);
    --color-info:var(--ctp-latte-sky);

    --color-star:var(--ctp-latte-peach);
  --color-star-idle:var(--ctp-latte-surface2);
  --color-heart:var(--ctp-latte-red);
  --color-heart-soft:var(--ctp-latte-flamingo);
  --color-danger:color-mix(in oklab, var(--ctp-latte-red), var(--color-ink) 12%);

    --color-inverse:var(--ctp-mocha-mantle);
  --color-inverse-raised:var(--ctp-mocha-base);
  --color-inverse-ledge:var(--ctp-mocha-crust);
  --color-on-inverse:var(--ctp-mocha-text);
  --color-on-inverse-accent:var(--ctp-mocha-yellow);

    --color-sea-lit:var(--ctp-latte-sapphire);
  --color-sea:var(--ctp-latte-teal);
  --color-sea-deep:var(--ctp-latte-teal);
  --color-reef:var(--ctp-latte-text);
  --color-foam:var(--ctp-latte-base);
  --color-sand:var(--ctp-latte-yellow);
  --color-lure:var(--ctp-latte-yellow);
  --color-lure-fade:var(--ctp-latte-peach);

    --color-gold:var(--ctp-latte-yellow);
  --color-silver:var(--ctp-latte-overlay0);
  --color-bronze:var(--ctp-latte-rosewater);

    --tint-sky:var(--ctp-latte-sky);
  --tint-sky-shine:color-mix(in oklab, var(--tint-sky), var(--color-glint) 40%);
  --tint-sky-lip:color-mix(in oklab, var(--tint-sky), var(--color-ink) 18%);
  --tint-sky-ledge:color-mix(in oklab, var(--tint-sky), var(--color-ink) 70%);
  --tint-lilac:var(--ctp-latte-lavender);
  --tint-lilac-shine:color-mix(in oklab, var(--tint-lilac), var(--color-glint) 40%);
  --tint-lilac-lip:color-mix(in oklab, var(--tint-lilac), var(--color-ink) 18%);
  --tint-lilac-ledge:color-mix(in oklab, var(--tint-lilac), var(--color-ink) 70%);
  --tint-pink:var(--ctp-latte-pink);
  --tint-pink-shine:color-mix(in oklab, var(--tint-pink), var(--color-glint) 40%);
  --tint-pink-lip:color-mix(in oklab, var(--tint-pink), var(--color-ink) 18%);
  --tint-pink-ledge:color-mix(in oklab, var(--tint-pink), var(--color-ink) 70%);
  --tint-periwinkle:var(--ctp-latte-sapphire);
  --tint-periwinkle-shine:color-mix(in oklab, var(--tint-periwinkle), var(--color-glint) 40%);
  --tint-periwinkle-lip:color-mix(in oklab, var(--tint-periwinkle), var(--color-ink) 18%);
  --tint-periwinkle-ledge:color-mix(in oklab, var(--tint-periwinkle), var(--color-ink) 70%);
  --tint-mint:var(--ctp-latte-green);
  --tint-mint-shine:color-mix(in oklab, var(--tint-mint), var(--color-glint) 40%);
  --tint-mint-lip:color-mix(in oklab, var(--tint-mint), var(--color-ink) 18%);
  --tint-mint-ledge:color-mix(in oklab, var(--tint-mint), var(--color-ink) 70%);
  --tint-tomato:var(--ctp-latte-peach);
  --tint-tomato-shine:color-mix(in oklab, var(--tint-tomato), var(--color-glint) 40%);
  --tint-tomato-lip:color-mix(in oklab, var(--tint-tomato), var(--color-ink) 18%);
  --tint-tomato-ledge:color-mix(in oklab, var(--tint-tomato), var(--color-ink) 70%);
  --tint-yellow:var(--ctp-latte-yellow);
  --tint-yellow-shine:color-mix(in oklab, var(--tint-yellow), var(--color-glint) 40%);
  --tint-yellow-lip:color-mix(in oklab, var(--tint-yellow), var(--color-ink) 18%);
  --tint-yellow-ledge:color-mix(in oklab, var(--tint-yellow), var(--color-ink) 70%);

    --tone-7:var(--ctp-latte-flamingo);
  --tone-7-shine:color-mix(in oklab, var(--tone-7), var(--color-glint) 40%);
  --tone-7-lip:color-mix(in oklab, var(--tone-7), var(--color-ink) 18%);
  --tone-7-ledge:color-mix(in oklab, var(--tone-7), var(--color-ink) 70%);
  --tone-8:var(--ctp-latte-teal);
  --tone-8-shine:color-mix(in oklab, var(--tone-8), var(--color-glint) 40%);
  --tone-8-lip:color-mix(in oklab, var(--tone-8), var(--color-ink) 18%);
  --tone-8-ledge:color-mix(in oklab, var(--tone-8), var(--color-ink) 70%);
  --tone-9:var(--ctp-latte-maroon);
  --tone-9-shine:color-mix(in oklab, var(--tone-9), var(--color-glint) 40%);
  --tone-9-lip:color-mix(in oklab, var(--tone-9), var(--color-ink) 18%);
  --tone-9-ledge:color-mix(in oklab, var(--tone-9), var(--color-ink) 70%);
}
