/* ============================================================
   INTELECTA — Design Tokens (Light + Dark)
   ============================================================ */

:root {
  color-scheme: light;

  /* Brand */
  --color-primary:        #213466;
  --color-primary-soft:   #4257a3;
  --color-primary-deep:   #16224a;
  --color-primary-rgb:    33, 52, 102;
  --color-accent:         #eea410;
  --color-accent-soft:    #f6c66a;
  --color-accent-rgb:     238, 164, 16;
  --color-accent-dark:    #a4730b;

  /* Surfaces */
  --color-bg:             #f1f1f1;
  --color-bg-2:           #e9e9e9;
  --color-bg-elevated:    #ffffff;
  /* Text (referencia: ¿Qué incluye?) */
  --text-heading:         #111111;
  --text-heading-soft:    #6b6b72;
  --text-lead:            #5c5c63;
  --text-body:            #3a3a3a;
  --text-muted:           #5a5a5a;

  --color-fg:             var(--text-body);
  --color-fg-muted:       var(--text-muted);
  --color-fg-subtle:      color-mix(in srgb, var(--text-body) 88%, transparent);
  --color-border:         rgba(33, 52, 102, 0.10);
  --color-on-primary:     #ffffff;

  /* Glass */
  --glass-bg:             linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.78));
  --glass-bg-strong:      linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.88));
  --glass-bg-subtle:      linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.68));
  --glass-border:         rgba(255, 255, 255, 0.85);
  --glass-border-strong:  rgba(255, 255, 255, 0.92);
  --glass-border-subtle:  rgba(33, 52, 102, 0.08);
  --glass-inset:          rgba(255, 255, 255, 0.75);
  --glass-inset-strong:   rgba(255, 255, 255, 0.85);

  /* Shadows */
  --shadow-glass:         0 8px 32px -8px rgba(33, 52, 102, 0.14), 0 2px 8px -2px rgba(33, 52, 102, 0.08);
  --shadow-glass-lg:      0 24px 60px -22px rgba(33, 52, 102, 0.18), 0 8px 24px -8px rgba(33, 52, 102, 0.10);
  --shadow-primary:       0 10px 30px -10px rgba(33, 52, 102, 0.55);
  --shadow-primary-hover: 0 18px 40px -12px rgba(33, 52, 102, 0.60);

  /* Ambient */
  --ambient-hero:         linear-gradient(180deg, #f1f1f1, #e9e9e9);
  --ambient-primary:      rgba(33, 52, 102, 0.22);
  --ambient-accent:       rgba(238, 164, 16, 0.13);
  --ambient-soft:         rgba(66, 87, 163, 0.18);
  --grid-line:            rgba(33, 52, 102, 0.06);

  /* UI */
  --color-bar-bg:         #e5e5e5;
  --color-success:        #34c98b;
  --color-star:           #e8a82a;
  --color-mock-bg:        linear-gradient(160deg, #f1f1f1, #e9e9e9);
  --color-overlay:        rgba(0, 0, 0, 0.45);
  --color-nav-link:       rgba(33, 52, 102, 0.72);
  --color-trust-logo:     rgba(33, 52, 102, 0.75);
  --color-step-num:       rgba(33, 52, 102, 0.08);
  --color-quote-icon:     rgba(33, 52, 102, 0.15);
  --color-shimmer:        rgba(255, 255, 255, 0.28);
  --color-focus-ring:     rgba(33, 52, 102, 0.10);
  --color-input-placeholder: rgba(107, 117, 149, 0.70);

  /* Typography */
  --font-sans:            "Inter", "SF Pro Display", ui-sans-serif, system-ui, sans-serif;
  --font-display:         "Manrope", "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-podium:          "FSP DEMO - PODIUM Sharp 4.11", "Manrope", "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono:            ui-monospace, "SF Mono", Menlo, monospace;

  /* Radius */
  --radius:               1rem;
  --r-sm:                 0.625rem;
  --r-md:                 0.875rem;
  --r-lg:                 1.25rem;
  --r-xl:                 1.75rem;
  --r-2xl:                2rem;

  /* Layout */
  --nav-height:           64px;
  --container-max:        1200px;
  --container-narrow:     820px;

  /* Motion */
  --ease-out:             cubic-bezier(0.22, 1, 0.36, 1);
  --transition-fast:      0.25s ease;
  --transition-base:      0.35s var(--ease-out);
  --transition-slow:      0.5s var(--ease-out);
}

[data-theme="dark"] {
  color-scheme: dark;

  --color-primary:        #8ba4db;
  --color-primary-soft:   #a8b8e8;
  --color-primary-deep:   #c5d4f5;
  --color-primary-rgb:    139, 164, 219;
  --color-accent:         #f0b429;
  --color-accent-soft:    #f6c96a;
  --color-accent-rgb:     240, 180, 41;
  --color-accent-dark:    #f0b429;

  --color-bg:             transparent;
  --color-bg-2:           #111827;
  --color-bg-elevated:    #161d2e;
  --text-heading:         #f4f4f5;
  --text-heading-soft:    #a1a1aa;
  --text-lead:            #a3a3a3;
  --text-body:            #d4d4d4;
  --text-muted:           #a3a3a3;

  --color-fg:             var(--text-body);
  --color-fg-muted:       var(--text-muted);
  --color-fg-subtle:      color-mix(in srgb, var(--text-body) 88%, transparent);
  --color-border:         rgba(255, 255, 255, 0.08);
  --color-on-primary:     #0b0f17;

  --glass-bg:             linear-gradient(135deg, rgba(22, 29, 46, 0.88), rgba(22, 29, 46, 0.55));
  --glass-bg-strong:      linear-gradient(135deg, rgba(28, 36, 56, 0.94), rgba(22, 29, 46, 0.72));
  --glass-bg-subtle:      linear-gradient(135deg, rgba(22, 29, 46, 0.65), rgba(22, 29, 46, 0.38));
  --glass-border:         rgba(255, 255, 255, 0.10);
  --glass-border-strong:  rgba(255, 255, 255, 0.14);
  --glass-border-subtle:  rgba(255, 255, 255, 0.08);
  --glass-inset:          rgba(255, 255, 255, 0.06);
  --glass-inset-strong:   rgba(255, 255, 255, 0.08);

  --shadow-glass:         0 8px 32px -8px rgba(0, 0, 0, 0.45), 0 2px 8px -2px rgba(0, 0, 0, 0.30);
  --shadow-glass-lg:      0 24px 60px -22px rgba(0, 0, 0, 0.55), 0 8px 24px -8px rgba(0, 0, 0, 0.35);
  --shadow-primary:       0 10px 30px -10px rgba(0, 0, 0, 0.50);
  --shadow-primary-hover: 0 18px 40px -12px rgba(0, 0, 0, 0.55);

  --ambient-hero:         linear-gradient(180deg, #0b0f17, #111827);
  --ambient-primary:      rgba(139, 164, 219, 0.18);
  --ambient-accent:       rgba(240, 180, 41, 0.10);
  --ambient-soft:         rgba(139, 164, 219, 0.14);
  --grid-line:            rgba(255, 255, 255, 0.05);

  --color-bar-bg:         rgba(255, 255, 255, 0.08);
  --color-mock-bg:        linear-gradient(160deg, #161d2e, #111827);
  --color-overlay:        rgba(0, 0, 0, 0.65);
  --color-nav-link:       rgba(232, 237, 245, 0.72);
  --color-trust-logo:     rgba(232, 237, 245, 0.70);
  --color-step-num:       rgba(255, 255, 255, 0.06);
  --color-quote-icon:     rgba(255, 255, 255, 0.10);
  --color-shimmer:        rgba(255, 255, 255, 0.12);
  --color-focus-ring:     rgba(139, 164, 219, 0.20);
  --color-input-placeholder: rgba(148, 163, 184, 0.70);
}