/*
  Pando Interactive — design tokens
  Source of truth for color, type, spacing, radius, and shadow.
  Colors sampled directly from the brand mark (assets/logo-lockup.jpg).
*/

:root {
  /* -- Brand palette (raw) -- */
  --pando-ink: #1c2227;
  --pando-slate: #2b333c;
  --pando-slate-light: #384048;
  --pando-blue: #2e8aa6;
  --pando-green: #4fae8c;
  --pando-mint: #7fd6bb;
  --pando-silver: #9ca3ac;
  --pando-white: #f3f5f6;

  /* -- Semantic color -- */
  --color-bg: var(--pando-ink);
  --color-surface: var(--pando-slate);
  --color-surface-raised: var(--pando-slate-light);
  --color-border: rgba(243, 245, 246, 0.1);
  --color-text-primary: var(--pando-white);
  --color-text-secondary: var(--pando-silver);
  --color-accent-blue: var(--pando-blue);
  --color-accent-green: var(--pando-green);
  --color-accent-mint: var(--pando-mint);

  /* Signature brand gradient — from the leaf mark and wordmark */
  --gradient-brand: linear-gradient(135deg, var(--pando-blue), var(--pando-green));
  --gradient-brand-bright: linear-gradient(135deg, var(--pando-mint), var(--pando-green));

  /* -- Typography -- */
  --font-heading: "Space Grotesk", system-ui, sans-serif;
  --font-body: "Manrope", system-ui, sans-serif;

  --text-xs: 0.75rem;   /* 12px */
  --text-sm: 0.875rem;  /* 14px */
  --text-base: 1rem;    /* 16px */
  --text-lg: 1.25rem;   /* 20px */
  --text-xl: 1.5rem;    /* 24px */
  --text-2xl: 2rem;     /* 32px */
  --text-3xl: 2.75rem;  /* 44px */
  --text-4xl: 3.5rem;   /* 56px */

  --leading-tight: 1.15;
  --leading-normal: 1.6;

  /* -- Spacing (4px base) -- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;

  /* -- Radius -- */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 999px;

  /* -- Shadow -- */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.35);
  --shadow-glow: 0 0 32px rgba(79, 174, 140, 0.25);
}