/* tokens.css — Asuntokaupat v2 design tokens.
 * Single source of truth for the redesigned UI. Reference these via the
 * CSS custom properties below; do not redeclare colors or fonts elsewhere.
 *
 * Palette is the prototype's `C` object verbatim (atlas-shared.jsx).
 */

:root {
  /* ── Surfaces ──────────────────────────────────────────────────────────── */
  --c-bg:       #F7F7F5;   /* page background */
  --c-bg2:      #F1F0EB;   /* secondary surface (table headers, faint cards) */
  --c-panel:    #FFFFFF;   /* card surface */
  --c-panel2:   #FAFAF7;   /* slightly off-white panel */

  /* ── Text ──────────────────────────────────────────────────────────────── */
  --c-ink:      #0E1213;   /* primary text */
  --c-ink2:     #2A3033;   /* secondary text */
  --c-muted:    #6B7378;   /* tertiary / hint text */
  --c-dim:      #9AA1A6;   /* disabled / subtle */

  /* ── Borders ───────────────────────────────────────────────────────────── */
  --c-rule:     #E7E6E1;   /* primary divider */
  --c-rule2:    #EFEEEA;   /* secondary divider */
  --c-rule3:    #F4F3EF;   /* faint divider */

  /* ── Accent (forest green) ─────────────────────────────────────────────── */
  --c-accent:      #3B5A40;
  --c-accent-soft: #E8EFE8;
  --c-accent-ink:  #22361F;

  /* ── Status ────────────────────────────────────────────────────────────── */
  --c-warn:      #B07A2C;
  --c-warn-soft: #FBF1E2;
  --c-bad:       #8C2A24;
  --c-bad-soft:  #F5DEDA;

  /* ── Listing-status pills (matches finder-results.jsx ValidationDot) ───── */
  --c-status-online-fg:  #3B5A40;
  --c-status-online-bg:  #E8EFE8;
  --c-status-offline-fg: #8C2A24;
  --c-status-offline-bg: #F5DEDA;
  --c-status-error-fg:   #B07A2C;
  --c-status-error-bg:   #FBF1E2;
  --c-status-unknown-fg: #9AA1A6;
  --c-status-unknown-bg: #F1F0EB;

  /* ── Type stack ────────────────────────────────────────────────────────── */
  --font-sans: "Geist", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* ── Radii ─────────────────────────────────────────────────────────────── */
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 10px;
  --r-xl: 12px;
  --r-2xl: 14px;

  /* ── Shadows ───────────────────────────────────────────────────────────── */
  --shadow-card:  0 1px 0 rgba(14,18,19,0.04), 0 8px 24px -8px rgba(14,18,19,0.08);
  --shadow-pop:   0 24px 48px -16px rgba(14,18,19,0.12), 0 2px 4px rgba(14,18,19,0.04);

  /* ── Layout ────────────────────────────────────────────────────────────── */
  --maxw:    1280px;
  --pad-x:   32px;
}