/* ============================================================
   PHOTOAURA — tokens.css
   The design contract (from Studio Kit). Neutral defaults;
   the real palette is set in /site/theme.css.
   ============================================================ */

:root {
  /* Brand / accent */
  --brand:        #1b1c1f;
  --brand-dark:   #0e0f11;
  --accent:       #f0a63a;
  --accent-dark:  #cf8722;
  --accent-ink:   #ffce8a;

  /* Surfaces & ink (app is dark-first — see theme.css) */
  --bg:           #ffffff;
  --surface:      #f5f5f5;
  --surface-2:    #ececec;
  --line:         #e0e0e0;
  --ink:          #17181a;
  --ink-dim:      #6b7075;
  --white:        #ffffff;

  /* Feedback */
  --ok:           #4a9e6d;
  --err:          #d1554e;

  /* Type */
  --font-head:    'Familjen Grotesk', system-ui, -apple-system, sans-serif;
  --font-sans:    'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Layout */
  --max-width:    720px;
  --radius:       14px;
  --radius-sm:    9px;
  --radius-pill:  100px;
  --tap:          46px;               /* min touch target */

  /* Shadows */
  --shadow-sm:    0 1px 3px rgba(0,0,0,0.25);
  --shadow-md:    0 10px 34px rgba(0,0,0,0.35);
}