/**
 * Design Tokens DS-00/01 — v2.1
 * Aliases legado v1.2 mantidos para compatibilidade.
 */
:root {
  --ds-color-primary-950: #060a12;
  --ds-color-primary-900: #0b1220;
  --ds-color-primary-800: #13203a;
  --ds-color-primary-700: #1e3a5f;
  --ds-color-accent-cyan: #00c8ff;
  --ds-color-accent-cyan-hover: #00a8d6;
  --ds-color-accent-teal: #2dd4bf;
  --ds-color-text-primary: #0b1220;
  --ds-color-text-secondary: #475569;
  --ds-color-text-muted: #64748b;
  --ds-color-text-inverse: #ffffff;
  --ds-color-border: rgb(15 23 42 / 0.08);
  --ds-color-border-strong: rgb(15 23 42 / 0.14);
  --ds-color-border-hover: rgb(0 200 255 / 0.35);
  --ds-color-border-dark: rgb(255 255 255 / 0.12);

  --ds-bg-primary: #ffffff;
  --ds-bg-secondary: #f8fafc;
  --ds-bg-elevated: #ffffff;
  --ds-bg-faq: #f1f5f9;
  --ds-bg-footer: #060a12;
  --ds-bg-hero: linear-gradient(135deg, #0b1220 0%, #13203a 55%, #0f1a2e 100%);
  --ds-bg-cta: linear-gradient(180deg, #13203a, #0b1220);
  --ds-bg-gradient-accent: linear-gradient(135deg, rgb(0 200 255 / 0.06), rgb(45 212 191 / 0.03));

  --ds-space-1: 0.25rem;
  --ds-space-2: 0.5rem;
  --ds-space-3: 0.75rem;
  --ds-space-4: 1rem;
  --ds-space-5: 1.5rem;
  --ds-space-6: 2rem;
  --ds-space-7: 2.5rem;
  --ds-space-8: 3rem;
  --ds-space-9: 4rem;
  --ds-space-10: 5rem;
  --ds-space-11: 6rem;
  --ds-space-12: 7.5rem;

  --ds-radius-sm: 0.5rem;
  --ds-radius-md: 0.75rem;
  --ds-radius-lg: 1rem;
  --ds-radius-xl: 1.5rem;
  --ds-radius-full: 9999px;

  --ds-shadow-sm: 0 1px 3px rgb(11 18 32 / 0.06), 0 1px 2px rgb(11 18 32 / 0.04);
  --ds-shadow-md: 0 8px 24px rgb(11 18 32 / 0.08);
  --ds-shadow-lg: 0 16px 40px rgb(11 18 32 / 0.12);
  --ds-shadow-glow: 0 0 32px rgb(0 200 255 / 0.22);

  --ds-container: 81.25rem;      /* 1300px */
  --ds-container-wide: 81.25rem; /* 1300px */
  --ds-container-narrow: 51.25rem;
  --ds-container-prose: 47.5rem;
  --ds-container-padding: var(--ds-space-4);
  --ds-grid-gutter: var(--ds-space-4);

  --ds-text-display-l: clamp(2.25rem, 4vw, 3.5rem);
  --ds-text-h1: clamp(2.25rem, 3vw, 3rem);
  --ds-text-h2: clamp(1.75rem, 2.5vw, 2.375rem);
  --ds-text-h3: 1.5rem;
  --ds-text-h4: 1.25rem;
  --ds-text-body-xl: 1.25rem;
  --ds-text-body-l: 1.125rem;
  --ds-text-body: 1rem;
  --ds-text-body-s: 0.9375rem;
  --ds-text-caption: 0.8125rem;
  --ds-text-overline: 0.75rem;

  --ds-duration-fast: 150ms;
  --ds-duration-base: 220ms;
  --ds-duration-slow: 400ms;
  --ds-ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  --ds-z-header: 100;
  --ds-z-cta-float: 90;

  /* Aliases legado */
  --color-primary-900: var(--ds-color-primary-900);
  --color-accent-cyan: var(--ds-color-accent-cyan);
  --color-text: var(--ds-color-text-primary);
  --shadow-card: var(--ds-shadow-md);
  --shadow-card-hover: var(--ds-shadow-lg);
}

@media (min-width: 48rem) {
  :root {
    --ds-container-padding: var(--ds-space-6);
    --ds-grid-gutter: var(--ds-space-6);
  }
}

@media (min-width: 90rem) {
  :root {
    --ds-grid-gutter: var(--ds-space-8);
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --ds-duration-fast: 0.01ms;
    --ds-duration-base: 0.01ms;
    --ds-duration-slow: 0.01ms;
  }
}