/* Wolfcomet brand tokens · v1.0 · see README.md */
/* Font paths are relative to the brand kit folder. Update them if you move this file. */
@font-face { font-family: "Inter"; src: url("/assets/fonts/Inter-latin.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Jost"; src: url("/assets/fonts/Jost-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Jost"; src: url("/assets/fonts/Jost-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Jost"; src: url("/assets/fonts/Jost-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Jost"; src: url("/assets/fonts/Jost-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }

:root {
  /* core */
  --wc-night: #0A0B16;
  --wc-deep-space: #0B0B1E;
  --wc-ink: #14122B;
  --wc-paper: #F2F1EE;
  --wc-lilac-paper: #F4F2FB;
  /* logo A */
  --wc-silver-top: #FFFFFF;
  --wc-silver-base: #A9B5D8;
  --wc-star: #CFE0FF;
  --wc-mist: #E8ECF7;
  --wc-silver-gradient: linear-gradient(180deg, #FFFFFF 0%, #A9B5D8 100%);
  /* logo B */
  --wc-comet-1: #C8D6FF;
  --wc-comet-2: #97ABFF;
  --wc-comet-3: #8D88FA;
  --wc-comet-4: #9F7BF4;
  --wc-comet-5: #B07EEF;
  --wc-comet-gradient: linear-gradient(250deg, #C8D6FF 0%, #97ABFF 22%, #8D88FA 50%, #9F7BF4 78%, #B07EEF 100%);
  --wc-sparkle: #B9B4FF;
  /* fonts */
  --wc-font-a: "Jost", "Futura", "Century Gothic", system-ui, sans-serif;
  --wc-font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  /* UI theme: dark (default) */
  --wc-bg: #0A0B16;
  --wc-surface: #12142A;
  --wc-surface-raised: #1A1D36;
  --wc-border: #2A2E4A;
  --wc-text: #ECEEF6;
  --wc-text-muted: #A3A8C3;
  --wc-accent: #97ABFF;
  --wc-on-accent: #0A0B16;
  --wc-highlight: #CFE0FF;
}

/* UI theme: light. Add data-theme="light" to <html>. */
[data-theme="light"] {
  --wc-bg: #F2F1EE;
  --wc-surface: #FFFFFF;
  --wc-surface-raised: #FFFFFF;
  --wc-border: #DCDAE6;
  --wc-text: #14122B;
  --wc-text-muted: #5A5770;
  --wc-accent: #4F46C8;
  --wc-on-accent: #FFFFFF;
  --wc-highlight: #8D88FA;
}