/* findme — golden hour design tokens (v1)
   Single-theme by design: findme is dark-only. The chrome's job is to frame
   photographs — warm near-black neutrals, one amber accent, nothing that
   competes with skin tones or party lighting.
   Contrast notes are against --fm-bg unless stated. */

:root {
  /* Warm neutral ramp (chrome) */
  --fm-bg: #0C0A08;             /* page */
  --fm-surface: #1A1712;        /* cards, sheets */
  --fm-surface-raised: #242019; /* toasts, modals */
  --fm-border: #38322A;         /* decorative hairlines */
  --fm-border-strong: #6E6558;  /* interactive outlines (≈4.2:1) */
  --fm-text: #F7F3EC;           /* primary text, ≈15.8:1 */
  --fm-text-secondary: #A89F91; /* ≈7.2:1 */
  --fm-text-muted: #8A7F70;     /* captions/hints, ≈4.9:1 — smallest text only */

  /* Amber accent scale (golden hour) */
  --fm-amber-50: #FFF4DC;
  --fm-amber-100: #FFE7B3;
  --fm-amber-200: #FFD470;
  --fm-amber-300: #FFC240;
  --fm-amber-400: #FFB020;      /* THE accent, ≈10.3:1 on bg */
  --fm-amber-500: #E89A0C;
  --fm-amber-600: #C07E06;
  --fm-amber-700: #8F5D04;
  --fm-amber-800: #5C3B02;
  --fm-amber-900: #201500;

  --fm-accent: var(--fm-amber-400);
  --fm-accent-pressed: var(--fm-amber-500);
  --fm-accent-ink: var(--fm-amber-900);  /* text on accent, ≈9.8:1 */

  /* Semantic */
  --fm-success: #4FC57C;        /* ≈8.5:1 */
  --fm-success-ink: #04170C;
  --fm-danger: #FF5C4D;         /* ≈5.9:1 */
  --fm-danger-ink: #240804;
  /* warnings reuse the amber family (--fm-amber-300) */

  /* Type — system stack; two weights only (400/600) */
  --fm-font: -apple-system, BlinkMacSystemFont, "SF Pro", "Segoe UI", Roboto, sans-serif;
  --fm-size-title: 24px;
  --fm-size-heading: 18px;
  --fm-size-body: 16px;
  --fm-size-caption: 13px;
  --fm-size-micro: 11px;

  /* Shape + space */
  --fm-radius-sm: 8px;
  --fm-radius-md: 16px;
  --fm-radius-pill: 999px;
  --fm-space-1: 4px;
  --fm-space-2: 8px;
  --fm-space-3: 12px;
  --fm-space-4: 16px;
  --fm-space-5: 24px;
  --fm-space-6: 32px;
}

/* Usage rules (enforced by taste, documented in README):
   - One amber-filled control per screen; everything else outline or ghost.
   - Photos never get borders or overlays; chrome stays on neutrals.
   - --fm-text-muted never below 13px except the 11px live-indicator label.
   - Amber tints (50–200) are for icons/accents on dark, never large fills. */