/* Songwish design system tokens: a copy of src/songwish/ui/static/tokens.css, which the plugin and the panel share.
   Light first, dark under prefers-color-scheme; data-theme="light|dark" pins one. Inter 600/700 are bundled. */
@font-face {
  font-family: "Inter";
  src: url("fonts/Inter-600-latin.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("fonts/Inter-700-latin.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}

:root {
  --primary: #4541fe;
  --on-primary: #ffffff;
  --canvas: #ffffff;
  --canvas-lavender: #f9f0ff;
  --ink-navy: #101722;
  --on-dark: #ffffff;
  --magenta: #fe0e83;
  --lilac: #d9c6ff;
  --muted: #6c6c7a;
  --hairline: #e6e0ef;
  --foreground: var(--ink-navy);
  --focus-ring: var(--primary);

  --xs: 8px;
  --sm: 12px;
  --md: 16px;
  --lg: 40px;
  --xl: 48px;
  --none: 0px;
  --card: 42px;
  --full: 9999px;
  --bubble: var(--card) var(--card) var(--card) 0;
  --bubble-mine: var(--card) var(--card) 0 var(--card);
  --shadow-lifted: 0 12px 32px rgba(23, 73, 77, 0.15);
  --scrim: rgba(16, 23, 34, 0.72);
  --veil: rgba(255, 255, 255, 0.94);

  --font-sans: "Inter", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --canvas: #101722;
    --canvas-lavender: #1a2130;
    --ink-navy: #0a0e14;
    --muted: #93979c;
    --hairline: #2a2f3d;
    --foreground: var(--on-dark);
    --focus-ring: var(--lilac);
    --scrim: rgba(10, 14, 20, 0.72);
    --veil: rgba(16, 23, 34, 0.94);
  }
}
:root[data-theme="dark"] {
  --canvas: #101722;
  --canvas-lavender: #1a2130;
  --ink-navy: #0a0e14;
  --muted: #93979c;
  --hairline: #2a2f3d;
  --foreground: var(--on-dark);
  --focus-ring: var(--lilac);
  --scrim: rgba(10, 14, 20, 0.72);
  --veil: rgba(16, 23, 34, 0.94);
}
:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"] { color-scheme: dark; }