/* toAction — tokens del sistema de diseño (v1, sincronizado 2026-10-24 desde toactionadmin/rrss-dashboard@main@03bc961).
   GENERADO desde tokens.json con generar-tokens-css.py: no editar a mano. */

:root {
  --gutter-mobile: 16px;
  --gutter-tablet: 24px;
  --gutter-desktop: 32px;
  --space-section: 20px;
  --card-padding: 20px;
  --card-padding-lg: 24px;
  --control-height: 40px;
  --hit-target: 44px;
  --radius-card: 20px;
  --radius-card-mobile: 16px;
  --radius-lg: 14px;
  --radius-md: 10px;
  --radius-sm: 8px;
  --radius-pill: 9999px;
  --blur-glass: 28px;
  --blur-popover: 30px;
  --blur-bar: 22px;
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "SFMono-Regular", Menlo, monospace;
  --text-display-size: 40px;
  --text-display-line: 46px;
  --text-display-weight: 600;
  --text-display-tracking: -0.03em;
  --text-display-sm-size: 32px;
  --text-display-sm-line: 37px;
  --text-display-sm-weight: 600;
  --text-display-sm-tracking: -0.03em;
  --text-figure-size: 28px;
  --text-figure-line: 32px;
  --text-figure-weight: 600;
  --text-figure-tracking: -0.03em;
  --text-title-size: 20px;
  --text-title-line: 25px;
  --text-title-weight: 600;
  --text-title-tracking: -0.03em;
  --text-card-title-size: 15px;
  --text-card-title-line: 19px;
  --text-card-title-weight: 600;
  --text-card-title-tracking: -0.025em;
  --text-eyebrow-size: 12px;
  --text-eyebrow-line: 16px;
  --text-eyebrow-weight: 600;
  --text-eyebrow-tracking: -0.01em;
  --text-lead-size: 15px;
  --text-lead-line: 22px;
  --text-lead-weight: 400;
  --text-lead-tracking: -0.011em;
  --text-ui-size: 13px;
  --text-ui-line: 18px;
  --text-ui-weight: 500;
  --text-ui-tracking: -0.011em;
  --text-caption-size: 12px;
  --text-caption-line: 16px;
  --text-caption-weight: 400;
  --text-caption-tracking: -0.011em;
  --text-micro-size: 11px;
  --text-micro-line: 14px;
  --text-micro-weight: 500;
  --text-micro-tracking: 0em;
  --background: #f3f2f0;
  --foreground: #1d1d1f;
  --card: rgba(255,255,255,0.82);
  --card-solid: #ffffff;
  --card-foreground: var(--foreground);
  --popover: rgba(255,255,255,0.9);
  --popover-foreground: var(--foreground);
  --primary: #0071e3;
  --primary-foreground: #ffffff;
  --primary-hover: #005bb5;
  --primary-glow: rgba(0,113,227,0.3);
  --highlight: #f69220;
  --highlight-foreground: #2a1600;
  --highlight-glow: rgba(246,146,32,0.4);
  --logo-orange: var(--highlight);
  --logo-ink: #2c2b29;
  --secondary: rgba(118,118,128,0.12);
  --secondary-foreground: var(--foreground);
  --muted: rgba(118,118,128,0.1);
  --muted-foreground: #6e6e73;
  --tertiary: #86868b;
  --accent: rgba(118,118,128,0.12);
  --accent-foreground: var(--foreground);
  --destructive: #d70015;
  --border: rgba(0,0,0,0.08);
  --input: rgba(0,0,0,0.1);
  --ring: var(--primary);
  --glass-border: rgba(255,255,255,0.85);
  --glass-highlight: rgba(255,255,255,0.95);
  --thumb: #ffffff;
  --track: rgba(118,118,128,0.09);
  --tick: rgba(118,118,128,0.3);
  --positive: #248a3d;
  --positive-bg: rgba(52,199,89,0.14);
  --negative: #d70015;
  --negative-bg: rgba(255,59,48,0.12);
  --warning: #c93400;
  --warning-bg: rgba(255,149,0,0.16);
  --chart-1: #2a78d6;
  --chart-2: #eb6834;
  --chart-3: #1baf7a;
  --chart-4: #eda100;
  --chart-5: #e87ba4;
  --chart-6: #008300;
  --chart-7: #6250d6;
  --chart-8: #e34948;
  --chart-up: #2a78d6;
  --chart-down: #e34948;
  --chart-neutral: #8e8e93;
  --account-horoscopo: #6250d6;
  --account-javis: #b58200;
  --account-maca: #0f9686;
  --account-woodys: #d9485f;
  --scrim: rgba(0,0,0,0.28);
  --nen-refuerzo-1: #ff8fb1;
  --nen-refuerzo-2: #ffadc8;
  --nen-refuerzo-3: #ffe3ea;
  --nen-transformacion-1: #9a8cff;
  --nen-transformacion-2: #7cc3ff;
  --nen-transformacion-3: #f2c6ff;
  --nen-emision-1: #6fd0ff;
  --nen-emision-2: #7f9cff;
  --nen-emision-3: #d9f6ff;
  --nen-materializacion-1: #5fe0b0;
  --nen-materializacion-2: #7fd7ff;
  --nen-materializacion-3: #e0fff3;
  --nen-manipulacion-1: #b9c0ee;
  --nen-manipulacion-2: #e0c6f5;
  --nen-manipulacion-3: #ffffff;
  --nen-especializacion-1: #ff9ad9;
  --nen-especializacion-2: #8fb8ff;
  --nen-especializacion-3: #fff0b8;
  --shadow-glass: inset 0 1px 0 rgba(255,255,255,0.95);
  --shadow-card-hover: inset 0 1px 0 rgba(255,255,255,0.95), 0 16px 32px rgba(0,0,0,0.08);
  --shadow-popover: inset 0 1px 0 rgba(255,255,255,0.95), 0 12px 40px rgba(0,0,0,0.14);
  --glow-primary: 0 2px 6px rgba(0,113,227,0.15);
  --glow-primary-hover: 0 6px 16px rgba(0,113,227,0.3);
  --glow-highlight: 0 6px 18px rgba(246,146,32,0.4);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --background: #151515;
    --foreground: #f5f5f7;
    --card: rgba(36,36,38,0.72);
    --card-solid: #1d1d1f;
    --card-foreground: var(--foreground);
    --popover: rgba(44,44,48,0.88);
    --popover-foreground: var(--foreground);
    --primary: #2997ff;
    --primary-foreground: #ffffff;
    --primary-hover: #0a84ff;
    --primary-glow: rgba(41,151,255,0.35);
    --highlight: #f69220;
    --highlight-foreground: #2a1600;
    --highlight-glow: rgba(246,146,32,0.35);
    --logo-orange: var(--highlight);
    --logo-ink: #ffffff;
    --secondary: rgba(118,118,128,0.24);
    --secondary-foreground: var(--foreground);
    --muted: rgba(118,118,128,0.24);
    --muted-foreground: #a1a1a6;
    --tertiary: #86868b;
    --accent: rgba(118,118,128,0.24);
    --accent-foreground: var(--foreground);
    --destructive: #ff453a;
    --border: rgba(255,255,255,0.09);
    --input: rgba(255,255,255,0.12);
    --ring: var(--primary);
    --glass-border: rgba(255,255,255,0.1);
    --glass-highlight: rgba(255,255,255,0.14);
    --thumb: #636366;
    --track: rgba(118,118,128,0.16);
    --tick: rgba(255,255,255,0.18);
    --positive: #30d158;
    --positive-bg: rgba(48,209,88,0.16);
    --negative: #ff453a;
    --negative-bg: rgba(255,69,58,0.16);
    --warning: #ffb340;
    --warning-bg: rgba(255,159,10,0.18);
    --chart-1: #3987e5;
    --chart-2: #d95926;
    --chart-3: #199e70;
    --chart-4: #c98500;
    --chart-5: #d55181;
    --chart-6: #008300;
    --chart-7: #9085e9;
    --chart-8: #e66767;
    --chart-up: #3987e5;
    --chart-down: #e66767;
    --chart-neutral: #8e8e93;
    --account-horoscopo: #9085e9;
    --account-javis: #c98500;
    --account-maca: #16a393;
    --account-woodys: #e35d72;
    --scrim: rgba(0,0,0,0.55);
    --nen-refuerzo-1: #ff8fb1;
    --nen-refuerzo-2: #ffadc8;
    --nen-refuerzo-3: #ffe3ea;
    --nen-transformacion-1: #9a8cff;
    --nen-transformacion-2: #7cc3ff;
    --nen-transformacion-3: #f2c6ff;
    --nen-emision-1: #6fd0ff;
    --nen-emision-2: #7f9cff;
    --nen-emision-3: #d9f6ff;
    --nen-materializacion-1: #5fe0b0;
    --nen-materializacion-2: #7fd7ff;
    --nen-materializacion-3: #e0fff3;
    --nen-manipulacion-1: #b9c0ee;
    --nen-manipulacion-2: #e0c6f5;
    --nen-manipulacion-3: #ffffff;
    --nen-especializacion-1: #ff9ad9;
    --nen-especializacion-2: #8fb8ff;
    --nen-especializacion-3: #fff0b8;
    --shadow-glass: inset 0 1px 0 rgba(255,255,255,0.14);
    --shadow-card-hover: inset 0 1px 0 rgba(255,255,255,0.14), 0 16px 32px rgba(0,0,0,0.45);
    --shadow-popover: inset 0 1px 0 rgba(255,255,255,0.14), 0 12px 40px rgba(0,0,0,0.14);
    --glow-primary: 0 2px 6px rgba(41,151,255,0.18);
    --glow-primary-hover: 0 6px 16px rgba(41,151,255,0.35);
    --glow-highlight: 0 6px 18px rgba(246,146,32,0.35);
    color-scheme: dark;
  }
}

:root[data-theme="dark"], .dark {
  --background: #151515;
  --foreground: #f5f5f7;
  --card: rgba(36,36,38,0.72);
  --card-solid: #1d1d1f;
  --card-foreground: var(--foreground);
  --popover: rgba(44,44,48,0.88);
  --popover-foreground: var(--foreground);
  --primary: #2997ff;
  --primary-foreground: #ffffff;
  --primary-hover: #0a84ff;
  --primary-glow: rgba(41,151,255,0.35);
  --highlight: #f69220;
  --highlight-foreground: #2a1600;
  --highlight-glow: rgba(246,146,32,0.35);
  --logo-orange: var(--highlight);
  --logo-ink: #ffffff;
  --secondary: rgba(118,118,128,0.24);
  --secondary-foreground: var(--foreground);
  --muted: rgba(118,118,128,0.24);
  --muted-foreground: #a1a1a6;
  --tertiary: #86868b;
  --accent: rgba(118,118,128,0.24);
  --accent-foreground: var(--foreground);
  --destructive: #ff453a;
  --border: rgba(255,255,255,0.09);
  --input: rgba(255,255,255,0.12);
  --ring: var(--primary);
  --glass-border: rgba(255,255,255,0.1);
  --glass-highlight: rgba(255,255,255,0.14);
  --thumb: #636366;
  --track: rgba(118,118,128,0.16);
  --tick: rgba(255,255,255,0.18);
  --positive: #30d158;
  --positive-bg: rgba(48,209,88,0.16);
  --negative: #ff453a;
  --negative-bg: rgba(255,69,58,0.16);
  --warning: #ffb340;
  --warning-bg: rgba(255,159,10,0.18);
  --chart-1: #3987e5;
  --chart-2: #d95926;
  --chart-3: #199e70;
  --chart-4: #c98500;
  --chart-5: #d55181;
  --chart-6: #008300;
  --chart-7: #9085e9;
  --chart-8: #e66767;
  --chart-up: #3987e5;
  --chart-down: #e66767;
  --chart-neutral: #8e8e93;
  --account-horoscopo: #9085e9;
  --account-javis: #c98500;
  --account-maca: #16a393;
  --account-woodys: #e35d72;
  --scrim: rgba(0,0,0,0.55);
  --nen-refuerzo-1: #ff8fb1;
  --nen-refuerzo-2: #ffadc8;
  --nen-refuerzo-3: #ffe3ea;
  --nen-transformacion-1: #9a8cff;
  --nen-transformacion-2: #7cc3ff;
  --nen-transformacion-3: #f2c6ff;
  --nen-emision-1: #6fd0ff;
  --nen-emision-2: #7f9cff;
  --nen-emision-3: #d9f6ff;
  --nen-materializacion-1: #5fe0b0;
  --nen-materializacion-2: #7fd7ff;
  --nen-materializacion-3: #e0fff3;
  --nen-manipulacion-1: #b9c0ee;
  --nen-manipulacion-2: #e0c6f5;
  --nen-manipulacion-3: #ffffff;
  --nen-especializacion-1: #ff9ad9;
  --nen-especializacion-2: #8fb8ff;
  --nen-especializacion-3: #fff0b8;
  --shadow-glass: inset 0 1px 0 rgba(255,255,255,0.14);
  --shadow-card-hover: inset 0 1px 0 rgba(255,255,255,0.14), 0 16px 32px rgba(0,0,0,0.45);
  --shadow-popover: inset 0 1px 0 rgba(255,255,255,0.14), 0 12px 40px rgba(0,0,0,0.14);
  --glow-primary: 0 2px 6px rgba(41,151,255,0.18);
  --glow-primary-hover: 0 6px 16px rgba(41,151,255,0.35);
  --glow-highlight: 0 6px 18px rgba(246,146,32,0.35);
  color-scheme: dark;
}