/* Triopcion Design System v1.0.0 — GENERADO por tools/build-tokens.mjs. No editar: editar design-system/tokens.json */
:root {
  --tds-orange-50: #fdf3ee;
  --tds-orange-100: #fae2d6;
  --tds-orange-400: #e06a3f;
  --tds-orange-500: #cb5025;
  --tds-orange-600: #b4441d;
  --tds-orange-700: #93381a;
  --tds-blue-50: #eef5fc;
  --tds-blue-100: #d9e9f7;
  --tds-blue-300: #9cc6ea;
  --tds-blue-500: #68a8dd;
  --tds-blue-700: #356fa3;
  --tds-blue-800: #2a5883;
  --tds-navy-950: #0e0c24;
  --tds-navy-900: #14122e;
  --tds-navy-800: #1b1840;
  --tds-navy-700: #23204f;
  --tds-gray-900: #1d2237;
  --tds-gray-700: #3a4157;
  --tds-gray-600: #5c657e;
  --tds-gray-400: #a3abbf;
  --tds-gray-200: #dde5ef;
  --tds-gray-150: #e6edf5;
  --tds-gray-100: #eef3f9;
  --tds-gray-50: #f4f8fc;
  --tds-white: #ffffff;
  --tds-ink-on-dark: #f0f4fb;
  --tds-dim-on-dark: #a6aecb;
  --tds-line-on-dark: rgba(240, 244, 251, 0.12);
  --tds-success-fg: #147a49;
  --tds-success-bg: #e7f5ee;
  --tds-warning-fg: #8a5a00;
  --tds-warning-bg: #fdf3dc;
  --tds-danger-fg: #b42318;
  --tds-danger-bg: #fdecec;
  --tds-info-fg: #356fa3;
  --tds-info-bg: #eef5fc;
  --tds-platform-meta: #356fa3;
  --tds-platform-google: #2fa360;
  --tds-platform-tiktok: #c4476b;
  --tds-chart-1: #356fa3;
  --tds-chart-2: #cb5025;
  --tds-chart-3: #167e79;
  --tds-chart-4: #c8871a;
  --tds-chart-5: #5c657e;
  --tds-chart-6: #9cc6ea;
  --tds-font-display: "Sora", "Segoe UI", system-ui, sans-serif;
  --tds-font-body: "Geist", "Segoe UI", system-ui, sans-serif;
  --tds-type-display-family: var(--tds-font-display);
  --tds-type-display-weight: 700;
  --tds-type-display-size: clamp(40px, 6.4vw, 68px);
  --tds-type-display-line: 1.05;
  --tds-type-display-tracking: -0.03em;
  --tds-type-h1-family: var(--tds-font-display);
  --tds-type-h1-weight: 700;
  --tds-type-h1-size: clamp(32px, 5.4vw, 56px);
  --tds-type-h1-line: 1.08;
  --tds-type-h1-tracking: -0.025em;
  --tds-type-h2-family: var(--tds-font-display);
  --tds-type-h2-weight: 700;
  --tds-type-h2-size: clamp(28px, 4.4vw, 44px);
  --tds-type-h2-line: 1.12;
  --tds-type-h2-tracking: -0.02em;
  --tds-type-h3-family: var(--tds-font-display);
  --tds-type-h3-weight: 600;
  --tds-type-h3-size: clamp(20px, 2.6vw, 24px);
  --tds-type-h3-line: 1.25;
  --tds-type-h3-tracking: -0.01em;
  --tds-type-h4-family: var(--tds-font-display);
  --tds-type-h4-weight: 600;
  --tds-type-h4-size: 18px;
  --tds-type-h4-line: 1.3;
  --tds-type-h4-tracking: 0;
  --tds-type-lead-family: var(--tds-font-body);
  --tds-type-lead-weight: 400;
  --tds-type-lead-size: clamp(16px, 2vw, 19px);
  --tds-type-lead-line: 1.6;
  --tds-type-lead-tracking: 0;
  --tds-type-body-family: var(--tds-font-body);
  --tds-type-body-weight: 400;
  --tds-type-body-size: 16px;
  --tds-type-body-line: 1.65;
  --tds-type-body-tracking: 0;
  --tds-type-small-family: var(--tds-font-body);
  --tds-type-small-weight: 400;
  --tds-type-small-size: 14px;
  --tds-type-small-line: 1.55;
  --tds-type-small-tracking: 0;
  --tds-type-label-family: var(--tds-font-display);
  --tds-type-label-weight: 600;
  --tds-type-label-size: 12px;
  --tds-type-label-line: 1.2;
  --tds-type-label-tracking: 0.08em;
  --tds-type-button-family: var(--tds-font-display);
  --tds-type-button-weight: 600;
  --tds-type-button-size: 15px;
  --tds-type-button-line: 1.2;
  --tds-type-button-tracking: 0;
  --tds-type-kpi-family: var(--tds-font-display);
  --tds-type-kpi-weight: 700;
  --tds-type-kpi-size: clamp(30px, 4.6vw, 46px);
  --tds-type-kpi-line: 1.1;
  --tds-type-kpi-tracking: -0.02em;
  --tds-space-1: 4px;
  --tds-space-2: 8px;
  --tds-space-3: 12px;
  --tds-space-4: 16px;
  --tds-space-5: 20px;
  --tds-space-6: 24px;
  --tds-space-8: 32px;
  --tds-space-10: 40px;
  --tds-space-12: 48px;
  --tds-space-16: 64px;
  --tds-space-20: 80px;
  --tds-space-24: 96px;
  --tds-space-30: 120px;
  --tds-space-section: clamp(72px, 9vw, 120px);
  --tds-space-gutter: 24px;
  --tds-container: 1180px;
  --tds-radius-input: 12px;
  --tds-radius-card: 16px;
  --tds-radius-panel: 24px;
  --tds-radius-section: clamp(24px, 4vw, 40px);
  --tds-radius-pill: 999px;
  --tds-radius-app-control: 8px;
  --tds-radius-app-card: 12px;
  --tds-radius-app-modal: 16px;
  --tds-shadow-e1: 0 1px 2px rgba(20, 18, 46, 0.06), 0 0 0 1px rgba(20, 18, 46, 0.06);
  --tds-shadow-e2: 0 8px 24px rgba(20, 18, 46, 0.10);
  --tds-shadow-e3: 0 24px 60px rgba(20, 18, 46, 0.16);
  --tds-shadow-e3-dark: 0 24px 60px rgba(0, 0, 0, 0.35);
  --tds-shadow-focus: 0 0 0 3px rgba(104, 168, 221, 0.35);
  --tds-dur-micro: 120ms;
  --tds-dur-base: 200ms;
  --tds-dur-enter: 320ms;
  --tds-dur-reveal: 600ms;
  --tds-ease: cubic-bezier(.2, .7, .2, 1);
  --tds-bg: var(--tds-gray-50);
  --tds-surface: var(--tds-white);
  --tds-text: var(--tds-gray-900);
  --tds-text-dim: var(--tds-gray-600);
  --tds-line: var(--tds-gray-150);
  --tds-line-strong: var(--tds-gray-200);
  --tds-accent-text: var(--tds-blue-700);
  --tds-highlight: var(--tds-orange-500);
  --tds-glass: rgba(255, 255, 255, 0.72);
  --tds-glass-border: rgba(255, 255, 255, 0.85);
  --tds-shadow: var(--tds-shadow-e3);
}
.tds-theme-light {
  color-scheme: light;
  --tds-bg: var(--tds-gray-50);
  --tds-surface: var(--tds-white);
  --tds-text: var(--tds-gray-900);
  --tds-text-dim: var(--tds-gray-600);
  --tds-line: var(--tds-gray-150);
  --tds-line-strong: var(--tds-gray-200);
  --tds-accent-text: var(--tds-blue-700);
  --tds-highlight: var(--tds-orange-500);
  --tds-glass: rgba(255, 255, 255, 0.72);
  --tds-glass-border: rgba(255, 255, 255, 0.85);
  --tds-shadow: var(--tds-shadow-e3);
}
.tds-theme-dark {
  color-scheme: dark;
  --tds-bg: var(--tds-navy-900);
  --tds-surface: var(--tds-navy-800);
  --tds-text: var(--tds-ink-on-dark);
  --tds-text-dim: var(--tds-dim-on-dark);
  --tds-line: var(--tds-line-on-dark);
  --tds-line-strong: rgba(240, 244, 251, 0.24);
  --tds-accent-text: var(--tds-blue-300);
  --tds-highlight: var(--tds-orange-400);
  --tds-glass: rgba(255, 255, 255, 0.06);
  --tds-glass-border: rgba(255, 255, 255, 0.14);
  --tds-shadow: var(--tds-shadow-e3-dark);
}