/* =============================================================================
   RESOLABS.IO — DESIGN TOKENS
   =============================================================================
   Single source of truth for colors, typography, spacing, and radii.
   Derived from docs/product_discussion.md §6 (Visual Identity).
   ========================================================================== */

:root {
  /* ── Brand Primary (Navy) ─────────────────────────────────────────────── */
  --rl-navy-ghost:    #f7f6ff;
  --rl-navy-light:    #9395c4;
  --rl-navy-medium:   #4a4870;
  --rl-navy:          #2d2b50;
  --rl-navy-dark:     #1a1830;
  --rl-navy-deepest:  #100f1e;

  /* ── Brand Secondary (Coral) ──────────────────────────────────────────── */
  --rl-coral-pale:    #fceae5;
  --rl-coral-light:   #f8a090;
  --rl-coral:         #f07050;
  --rl-coral-dark:    #cc3535;
  --rl-coral-deeper:  #a43030;

  /* ── Brand Tertiary (Purple) ──────────────────────────────────────────── */
  --rl-purple-pale:   #f0eafb;
  --rl-purple-light:  #a872e4;
  --rl-purple:        #7b35cc;
  --rl-purple-dark:   #5620a0;
  --rl-purple-deeper: #37126e;

  /* ── Brand Quaternary (Cyan) ──────────────────────────────────────────── */
  --rl-cyan-pale:     #e0f7f8;
  --rl-cyan-light:    #8edee1;
  --rl-cyan:          #4ec9ce;
  --rl-cyan-dark:     #2b9da2;
  --rl-cyan-deeper:   #1a6e72;

  /* ── Semantic ─────────────────────────────────────────────────────────── */
  --rl-success:       #1d9e75;
  --rl-warning:       #e2851e;
  --rl-error:         #ea4d44;
  --rl-info:          #2e7bc1;

  /* ── Neutral ──────────────────────────────────────────────────────────── */
  --rl-neutral-lightest: #eff2f8;
  --rl-neutral-light:    #dadfe8;
  --rl-neutral-medium:   #8b93a1;
  --rl-neutral-dark:     #434b59;
  --rl-neutral-darker:   #2c3340;
  --rl-white:            #ffffff;

  /* ── Gradients ────────────────────────────────────────────────────────── */
  --rl-gradient-brand: linear-gradient(135deg, #f07050 0%, #cc3535 100%);

  /* ── Text on dark ─────────────────────────────────────────────────────── */
  --rl-text-on-dark:        rgba(147, 149, 196, 0.75);
  --rl-text-on-dark-strong: rgba(255, 255, 255, 0.92);
  --rl-text-on-light:       rgba(74, 72, 112, 0.88);

  /* ── Typography ───────────────────────────────────────────────────────── */
  --rl-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif;
  --rl-font-mono: "SF Mono", "Fira Code", "JetBrains Mono", ui-monospace,
    Menlo, Consolas, monospace;

  /* ── Spacing / layout ─────────────────────────────────────────────────── */
  --rl-section-max:  1160px;
  --rl-section-pad:  clamp(20px, 5vw, 64px);
  --rl-radius-card:  12px;
  --rl-radius-btn:   10px;
  --rl-radius-pill:  999px;

  /* ── Shadows ──────────────────────────────────────────────────────────── */
  --rl-shadow-card:  0 2px 8px rgba(16, 15, 30, 0.06);
  --rl-shadow-deep:  0 24px 60px -20px rgba(16, 15, 30, 0.55);
}