:root {
  /* LabourLog base */
  --bg:           #F7F4F1;
  --surface:      #FFFFFF;
  --surface-warm: #FBF8F4;
  --text:         #1A1A2E;
  --muted:        #8E9BAA;
  --border:       #EDE9E4;
  --shadow:       0 2px 12px rgba(0,0,0,0.07);

  /* Champagne accents */
  --gold:        #C9A84C;
  --gold-light:  #D9BF78;
  --gold-pale:   #F5EDD0;
  --oak:         #2C1810;
  --oak-mid:     #5C3820;
  --oak-light:   #EDE0D4;

  /* Status */
  --green:       #27AE60;
  --green-pale:  #E8F8EE;
  --amber:       #E67E22;
  --amber-pale:  #FEF3E2;
  --red:         #C0392B;
  --red-pale:    #FDEDEC;

  /* Typography */
  --font-display: 'Syne', system-ui, sans-serif;
  --font-body:    'DM Sans', system-ui, sans-serif;

  /* Layout */
  --radius-sm:  7px;
  --radius:    10px;
  --radius-lg: 14px;
  --gutter:    14px;

  /* Safe area (iOS notch / home bar) */
  --safe-top:    env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}