/*
 * Marketing site design tokens.
 *
 * Mirrors client/src/styles/tokens.css so the marketing-to-product
 * transition feels native. Change one variable to recolour the whole
 * site (e.g. swap Coral/Sun for Blue/Yellow as a tenant brand).
 */

:root {
  /* Brand */
  --primary: #FF6B6B;
  --primary-deep: #E04545;
  --primary-icy: #FFCCCC;

  --accent: #FFD93D;
  --accent-deep: #F4B400;

  /* Ink */
  --ink: #1A1A2E;
  --ink-soft: #2D2D44;
  --ink-mute: #5C5C7A;

  /* Surface */
  --surface: #FFF8F0;
  --surface-warm: #FFEEDB;
  --white: #FFFFFF;

  /* Lines */
  --line: #EADFCB;
  --line-soft: #F2EADB;

  /* Status */
  --green: #1DB386;
  --green-soft: #D4F2E7;
  --red: #E63946;
  --blue-ink: #2D6CDF;

  /* Gradients */
  --grad-brand: linear-gradient(135deg, #FF6B6B 0%, #FFD93D 100%);
  --grad-surface: linear-gradient(180deg, #FFF8F0 0%, #FFEEDB 100%);
  --grad-deep: linear-gradient(160deg, #1A1A2E 0%, #2D2D44 100%);
  --grad-quote: linear-gradient(135deg, #FF6B6B 0%, #E04545 50%, #FFD93D 130%);

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(26, 26, 46, 0.06);
  --shadow: 0 8px 24px rgba(26, 26, 46, 0.10);
  --shadow-lg: 0 20px 48px rgba(255, 107, 107, 0.22);
  --shadow-deep: 0 30px 80px rgba(26, 26, 46, 0.18);

  /* Fonts */
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Radii */
  --r-sm: 10px;
  --r: 16px;
  --r-lg: 24px;
  --r-xl: 32px;
  --r-pill: 999px;

  /* Spacing (4px scale) */
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 20px;
  --s6: 24px;
  --s7: 32px;
  --s8: 40px;
  --s9: 48px;
  --s10: 64px;
  --s11: 96px;
  --s12: 128px;

  /* Layout */
  --container-max: 1200px;
  --container-narrow: 720px;
  --column-max: 560px;

  /* Breakpoints — for reference. Inline in media queries. */
  /* --bp-sm: 480px; --bp-md: 768px; --bp-lg: 1024px; --bp-xl: 1440px; */

  /* Motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-pop: cubic-bezier(0.3, 1.4, 0.55, 1);
  --dur-fast: 0.15s;
  --dur: 0.3s;
  --dur-slow: 0.6s;

  /* Aliases */
  --coral: var(--primary);
  --coral-deep: var(--primary-deep);
  --sun: var(--accent);
  --sun-deep: var(--accent-deep);
  --paper: var(--surface);
  --paper-warm: var(--surface-warm);
}