/* Generado por scripts/build-tokens.js desde src/tokens/. No editar a mano. */

/* ----------------------------------------------------------------------------
   Tokens
   ---------------------------------------------------------------------------- */

:root,
[data-theme="dark"],
[data-theme="system"] {
  --tsl-bg: #141415;
  --tsl-bg-elevated: #1b1b1d;
  --tsl-bg-glass: rgba(20, 20, 21, 0.84);
  --tsl-surface: rgba(255, 255, 255, 0.032);
  --tsl-surface-hover: rgba(255, 255, 255, 0.055);
  --tsl-surface-strong: rgba(255, 255, 255, 0.08);
  --tsl-fg: #f5f5f7;
  --tsl-fg-muted: #8e8e96;
  --tsl-fg-subtle: #6a6a74;
  --tsl-border: rgba(255, 255, 255, 0.095);
  --tsl-border-strong: rgba(255, 255, 255, 0.22);
  --tsl-backdrop: rgba(8, 8, 9, 0.6);
  --tsl-accent: #6365f0;
  --tsl-success: #10b981;
  --tsl-warning: #f59e0b;
  --tsl-danger: #f54a67;
  --tsl-danger-fg: #1a0508;
  --tsl-info: #0ea5e9;
  --tsl-shadow: 0 1px 2px rgba(0, 0, 0, 0.45), 0 10px 26px -12px rgba(0, 0, 0, 0.65);
  --tsl-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.55), 0 20px 38px -12px rgba(0, 0, 0, 0.8);
  --tsl-chart-1: var(--tsl-accent);
  --tsl-ring: 0 0 0 2px var(--tsl-bg), 0 0 0 4px color-mix(in srgb, var(--tsl-accent) 75%, transparent);
  color-scheme: dark;
}

[data-theme="light"] {
  --tsl-bg: #f8f8f7;
  --tsl-bg-elevated: #ffffff;
  --tsl-bg-glass: rgba(248, 248, 247, 0.86);
  --tsl-surface: rgba(0, 0, 0, 0.024);
  --tsl-surface-hover: rgba(0, 0, 0, 0.045);
  --tsl-surface-strong: rgba(0, 0, 0, 0.07);
  --tsl-fg: #141416;
  --tsl-fg-muted: #63636b;
  --tsl-fg-subtle: #84848e;
  --tsl-border: rgba(0, 0, 0, 0.095);
  --tsl-border-strong: rgba(0, 0, 0, 0.28);
  --tsl-backdrop: rgba(20, 20, 22, 0.28);
  --tsl-accent: #4f46e5;
  --tsl-success: #047253;
  --tsl-warning: #a14a08;
  --tsl-danger: #be123c;
  --tsl-danger-fg: #ffffff;
  --tsl-info: #0368a0;
  --tsl-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 8px 24px -12px rgba(0, 0, 0, 0.14);
  --tsl-shadow-lg: 0 2px 6px rgba(0, 0, 0, 0.08), 0 18px 34px -12px rgba(0, 0, 0, 0.22);
  --tsl-chart-1: var(--tsl-accent);
  --tsl-ring: 0 0 0 2px var(--tsl-bg), 0 0 0 4px color-mix(in srgb, var(--tsl-accent) 75%, transparent);
  color-scheme: light;
}

@media (prefers-color-scheme: light) {
  [data-theme="system"] {
    --tsl-bg: #f8f8f7;
    --tsl-bg-elevated: #ffffff;
    --tsl-bg-glass: rgba(248, 248, 247, 0.86);
    --tsl-surface: rgba(0, 0, 0, 0.024);
    --tsl-surface-hover: rgba(0, 0, 0, 0.045);
    --tsl-surface-strong: rgba(0, 0, 0, 0.07);
    --tsl-fg: #141416;
    --tsl-fg-muted: #63636b;
    --tsl-fg-subtle: #84848e;
    --tsl-border: rgba(0, 0, 0, 0.095);
    --tsl-border-strong: rgba(0, 0, 0, 0.28);
    --tsl-backdrop: rgba(20, 20, 22, 0.28);
    --tsl-accent: #4f46e5;
    --tsl-success: #047253;
    --tsl-warning: #a14a08;
    --tsl-danger: #be123c;
    --tsl-danger-fg: #ffffff;
    --tsl-info: #0368a0;
    --tsl-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 8px 24px -12px rgba(0, 0, 0, 0.14);
    --tsl-shadow-lg: 0 2px 6px rgba(0, 0, 0, 0.08), 0 18px 34px -12px rgba(0, 0, 0, 0.22);
    --tsl-chart-1: var(--tsl-accent);
    --tsl-ring: 0 0 0 2px var(--tsl-bg), 0 0 0 4px color-mix(in srgb, var(--tsl-accent) 75%, transparent);
    color-scheme: light;
  }
}

:root {
  --tsl-accent-fg: #ffffff;
  --tsl-chart-2: #10b981;
  --tsl-chart-3: #f59e0b;
  --tsl-chart-4: #f43f5e;
  --tsl-chart-5: #0ea5e9;
  --tsl-chart-6: #a855f7;
  --tsl-chart-7: #14b8a6;
  --tsl-chart-8: #ec4899;
  --tsl-radius: 9px;
  --tsl-radius-sm: 7px;
  --tsl-radius-xs: 5px;
  --tsl-font-mono: ui-monospace, "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;
  --tsl-font-sans: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, sans-serif;
  --tsl-font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --tsl-ease: cubic-bezier(0.22, 1, 0.36, 1);
}