/* ============================================================
   Bali & Jakarta 2026 — locked design tokens
   Approved 12 Aug 2026. Do not add colours outside this file.
   ============================================================ */

:root {
  /* --- Surfaces --- */
  --cream:        #FEFCFA;   /* page background */
  --neutral:      #F1EFE8;   /* card background */
  --header:       #FBEAF0;   /* every page header + nav bar */
  --line:         #F4C0D1;   /* borders, hairlines */
  --accent:       #ED93B1;   /* buttons, active states, progress */

  /* --- Text --- */
  --ink:          #2C2C2A;   /* body */
  --ink-soft:     #5F5E5A;   /* secondary */
  --ink-mute:     #888780;   /* tertiary, timestamps */
  --ink-faint:    #B4B2A9;   /* disabled, ticked-off */
  --ink-header:   #4B1528;   /* text on header pink */
  --ink-header-2: #993556;   /* secondary text on header pink */

  /* --- Category colours ---
     Each has a background and a matching text colour.
     Used ONLY on content chips. Never on chrome. */
  --food-bg:      #FBEAF0;  --food-fg:      #4B1528;
  --activity-bg:  #E6F1FB;  --activity-fg:  #042C53;
  --bar-bg:       #FAECE7;  --bar-fg:       #4A1B0C;
  --spa-bg:       #E1F5EE;  --spa-fg:       #04342C;
  --stay-bg:      #EEEDFE;  --stay-fg:      #26215C;
  --transit-bg:   #FAEEDA;  --transit-fg:   #412402;
  --shopping-bg:  #FBEAF0;  --shopping-fg:  #993556;

  /* --- Status --- */
  --ok-bg:        #E1F5EE;  --ok-fg:        #0F6E56;
  --warn-bg:      #FAEEDA;  --warn-fg:      #854F0B;
  --alert-bg:     #FCEBEB;  --alert-fg:     #A32D2D;

  /* --- Travellers --- */
  --m:            #ED93B1;
  --i:            #9FE1CB;

  /* --- Shape --- */
  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-pill: 999px;

  /* --- Type --- */
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, monospace;

  --t-xs:   10px;
  --t-sm:   11px;
  --t-base: 13px;
  --t-md:   15px;
  --t-lg:   19px;
  --t-xl:   24px;

  /* --- Spacing --- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;

  /* --- Safe areas for iPhone --- */
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}