/* Flyttr colour palette — values transcribed from the 2026 brand book.
   Hierarchy: Primary (Bright Snow) · Secondary (Shadow Grey, Alabaster Grey)
   · Supporting (nature-inspired, used sparingly for maximum impact). */
:root {
  /* ---- Raw brand colours ---- */
  --bright-snow: #F7F7F7;      /* Primary    rgb 247 247 247 */
  --alabaster-grey: #E8E5E3;   /* Secondary  rgb 232 229 227 */
  --shadow-grey: #262628;      /* Secondary  rgb  38  38  40 */
  --grey-olive: #80878A;       /* Supporting rgb 128 135 138 */
  --honey-bronze: #EAAA46;     /* Supporting rgb 234 170  70 */
  --charcoal-blue: #2D5768;    /* Supporting rgb  45  87 104 */
  --reddish-brown: #9E4A36;    /* Supporting rgb 158  74  54 */
  --cotton-rose: #D4A9A9;      /* Supporting rgb 212 169 169 */
  --ebony: #4F583B;            /* Supporting rgb  79  88  59 */

  /* ---- Tints / shades derived for UI states (not in book; kept subtle) ---- */
  --shadow-grey-90: #3a3a3c;
  --shadow-grey-70: #5c5c5e;
  --charcoal-blue-dark: #234553;
  --charcoal-blue-tint: #e4ebee;
  --honey-bronze-dark: #d4912b;
  --honey-bronze-tint: #faecd2;
  --reddish-brown-dark: #863c2b;
  --line-grey: #d8d4d1;        /* hairline keylines */

  /* ---- Semantic surface aliases ---- */
  --surface-page: var(--bright-snow);
  --surface-page-inverse: var(--shadow-grey);
  --surface-card: #ffffff;
  --surface-muted: var(--alabaster-grey);
  --surface-accent: var(--charcoal-blue);

  /* ---- Semantic text aliases ---- */
  --text-primary: var(--shadow-grey);
  --text-secondary: var(--grey-olive);
  --text-inverse: var(--bright-snow);
  --text-accent: var(--charcoal-blue);
  --text-on-accent: var(--bright-snow);

  /* ---- Lines & borders ---- */
  --border-hairline: var(--line-grey);
  --border-strong: var(--shadow-grey);

  /* ---- Brand / action ---- */
  --brand: var(--charcoal-blue);
  --brand-hover: var(--charcoal-blue-dark);
  --accent: var(--honey-bronze);
  --accent-hover: var(--honey-bronze-dark);

  /* ---- Status (mapped onto supporting palette) ---- */
  --status-positive: var(--ebony);
  --status-warning: var(--honey-bronze);
  --status-danger: var(--reddish-brown);
  --status-info: var(--charcoal-blue);
}