/* =====================================================
   WORKER CHOWK — Shared Theme
   Edit this file to update colors across all pages.
   ===================================================== */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600;9..144,700&family=Manrope:wght@300;400;500;600;700;800&display=swap');

:root {
  /* ── Backgrounds ─────────────────────────────────── */
  --paper:        #F5F8FF;   /* page background — near-white, cool blue tint  */
  --paper-soft:   #EAF0FF;   /* subtle section background                      */

  /* ── Text ────────────────────────────────────────── */
  --ink:          #0D1848;   /* headings & primary text — deep navy            */
  --ink-soft:     #1E3480;   /* secondary text — medium navy                   */
  --ink-mute:     #667AAD;   /* captions, labels, placeholders                 */

  /* ── Lines & borders ─────────────────────────────── */
  --line:         #C8D5F5;   /* dividers, card borders                         */

  /* ── Primary accent (blue — matches app) ─────────── */
  --saffron:      #1A6FE8;   /* buttons, links, highlights                     */
  --saffron-deep: #1050CC;   /* hover / pressed state                          */
  --saffron-soft: #DCE9FF;   /* tinted backgrounds, badges                     */

  /* ── Positive / success ──────────────────────────── */
  --jade:         #1A7A4A;   /* success messages, positive states              */

  /* ── Typography ──────────────────────────────────── */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body:    'Manrope', -apple-system, system-ui, sans-serif;

  /* ── Spacing scale ───────────────────────────────── */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;
  --space-40: 10rem;

  /* ── Layout ──────────────────────────────────────── */
  --content-max: 1320px;
  --content-pad: clamp(1.25rem, 4vw, 3rem);
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
}