/*
 * SpacesNow design tokens.
 *
 * Decided values (project-memory D-012 + docs/PLAN-v0.md brand brief) — not
 * open to reinterpretation per page. Every color, spacing and radius used in
 * site.css reads from here; nothing is hardcoded inline in a template.
 */
:root {
  /* Brand palette */
  --sn-violet: #4B2FE0;       /* Signal Violet — residential, primary */
  --sn-violet-hover: #3C25B8;
  --sn-violet-tint: #5C43E4;  /* chip/pill fill on violet surfaces */
  --sn-violet-soft: #7C63F0;  /* decorative mark-on-violet */
  --sn-violet-border: #6A53E8;
  --sn-mint: #CBF1DE;         /* Mint — commercial, ALWAYS with ink text */
  --sn-mint-tint: #B5E8CF;
  --sn-mint-border: #A6DFC5;
  --sn-haze: #F6F4FF;         /* Haze — surface */
  --sn-haze-border: #E4DEFB;
  --sn-ink: #101314;          /* Ink — primary text, dark surfaces */
  --sn-ink-soft: #1B1F21;     /* dark-surface card fill on ink */
  --sn-ink-line: #2E3337;     /* hairlines on ink */
  --sn-ink-hover: #23282a;    /* .btn--dark:hover fill */
  --sn-white: #FFFFFF;
  --sn-link-on-ink: #DDE0E3;  /* footer column links on --sn-ink */

  /* Text on light surfaces */
  --sn-text: #101314;
  --sn-text-muted: #3F3B4A;
  --sn-text-mute-2: #43404D;
  --sn-text-mute-3: #5A5568;
  --sn-text-faint: #6E6980;

  /* Text on ink/dark surfaces */
  --sn-text-on-ink: #FFFFFF;
  --sn-text-on-ink-muted: #C9CDD2;
  --sn-text-on-ink-faint: #9EA2AB;
  --sn-text-on-ink-hairline: #8A9097; /* was #6E7379 — 3.90:1 on --sn-ink, fails WCAG AA (4.5:1) for the footer disclaimer text; this is 4.6:1 */

  /* Text on violet surfaces */
  --sn-text-on-violet: #FFFFFF;
  --sn-text-on-violet-muted: #E3DEFC;
  --sn-text-on-violet-faint: #D3CCFA;
  --sn-text-on-violet-chip: #D3CCFA; /* was #C6BDF8 — 4.33:1 on --sn-violet, fails WCAG AA for the 13px segment-card URL; this is 4.96:1 */

  /* Text on mint surfaces (ink only — never white, per brand rule) */
  --sn-text-on-mint: #101314;
  --sn-text-on-mint-muted: #23423A;
  --sn-text-on-mint-faint: #33544A;

  /* Borders / hairlines on light surfaces */
  --sn-border: #DCD8E6;
  --sn-border-soft: #E6E4EC;
  --sn-border-hairline: #EEECF3;

  /* Decorative fills */
  --sn-violet-photo-tint: #E9E5FB;

  /* Typography */
  --sn-font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --sn-tracking-wordmark: 0.01em;

  /* Radius */
  --sn-radius-sm: 8px;
  --sn-radius-md: 10px;
  --sn-radius-lg: 14px;
  --sn-radius-xl: 18px;
  --sn-radius-2xl: 20px;
  --sn-radius-pill: 999px;

  /* Spacing rhythm (desktop) */
  --sn-gutter: 56px;
  --sn-section-y: 72px;

  /* Layout */
  --sn-max-width: 1280px;
  --sn-header-height: 76px;
  --sn-bottom-nav-height: 66px;

  /* Motion */
  --sn-transition: 160ms ease;
}

/* Mobile spacing rhythm */
@media (max-width: 640px) {
  :root {
    --sn-gutter: 16px;
    --sn-section-y: 36px;
    --sn-header-height: 60px;
  }
}