/* ============================================================================
   Odyssey Systems · Unified Design Tokens
   ----------------------------------------------------------------------------
   Single source of truth for colors, spacing, typography, radii, shadows,
   motion easings, and layout. Loaded BEFORE all other stylesheets so the
   cascade promotes consistency across styles.css, sales.css, motion.css,
   extra.css, home-mission.css.

   Sprint reference: empresa/25-tavola-visual-mestre.md (P1.1, P1.2, P2.1, P2.2)
   ============================================================================ */

:root {
  /* ── COLORS · Primary palette ──────────────────────────────────────────── */
  --ink: #090d10;
  --graphite: #171c20;
  --panel: #0c1216;
  --ice: #f7faf8;              /* canonical neutral ground — --cloud is alias */
  --white: #ffffff;
  --steel: #c8d0cf;
  --muted: #8b9699;

  /* ── COLORS · Brand accent ─────────────────────────────────────────────── */
  --cyan: #00e6b0;             /* primary accent — eyebrows, ctas, indicators */
  --cyan-deep: #08bfae;        /* hover-only state per P1.2 */
  --cyan-soft: #4dffd2;        /* glows, soft fills, hero accents */

  /* ── COLORS · Lines & borders ──────────────────────────────────────────── */
  --line: rgba(9, 13, 16, 0.12);
  --line-dark: rgba(247, 250, 248, 0.12);

  /* ── ALIASES · Retro-compat (P1.1) ─────────────────────────────────────── */
  --cloud: var(--ice);                  /* styles.css legacy */
  --warm: var(--ice);                   /* styles.css legacy */
  --lime: var(--cyan);                  /* styles.css legacy */
  --motion-ink: var(--ink);             /* motion.css legacy */
  --motion-cyan: var(--cyan);           /* motion.css legacy */
  --motion-cyan-soft: var(--cyan-soft); /* motion.css legacy */
  --motion-ice: var(--ice);             /* motion.css legacy */
  --motion-graphite: var(--graphite);   /* motion.css legacy */

  /* ── SPACING · 4 / 8 scale ─────────────────────────────────────────────── */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  /* ── TYPOGRAPHY · Eyebrow scale (P2.2) ─────────────────────────────────── */
  --eyebrow-sm: 11px;          /* default eyebrow — letter-spacing 0.18em */
  --eyebrow-lg: 13px;          /* hero / destaque only */

  /* ── TYPOGRAPHY · Body scale ───────────────────────────────────────────── */
  --text-xs: 11px;
  --text-sm: 13px;
  --text-base: 15px;
  --text-md: 17px;
  --text-lg: 20px;
  --text-xl: 24px;
  --text-2xl: 32px;
  --text-3xl: 44px;
  --text-4xl: 64px;

  /* ── RADII · Reduced to two (P2.1) ─────────────────────────────────────── */
  --radius: 12px;              /* universal — cards, inputs, buttons */
  --radius-lg: 16px;           /* hero / feature cards only */
  --radius-pill: 999px;        /* badges, pill ctas */

  /* ── SHADOWS ───────────────────────────────────────────────────────────── */
  --shadow-soft: 0 4px 24px rgba(0, 0, 0, 0.12);
  --shadow-strong: 0 12px 40px rgba(0, 0, 0, 0.35);
  --shadow-glow-cyan: 0 0 24px rgba(0, 230, 176, 0.32);

  /* ── MOTION · Easings & durations ──────────────────────────────────────── */
  --ease-out-soft: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-orbit: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-command: cubic-bezier(0.2, 0.7, 0.2, 1);
  --dur-fast: 160ms;
  --dur-hover: 240ms;
  --dur-enter: 480ms;
  --dur-cinematic: 1100ms;

  /* ── LAYOUT ────────────────────────────────────────────────────────────── */
  --container-max: 1240px;
  --container-padding: 32px;
  --header-h: 72px;

  /* ── FONTS · No Google Fonts for mono (P1.9) ───────────────────────────── */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}