/* Sunshine Coffee — colour. Crème #fbe4d2 + marron #653614, et leurs nuances. */
:root{
  /* Crème / beige — the walls, the mugs, the paper */
  --cream-50:#FFF9F2;--cream-100:#fbe4d2;--cream-200:#F7DAC4;--cream-300:#F0CBB0;--cream-400:#E4B693;--cream-500:#D29E76;
  /* Marron — the coffee, the cat, the ink. 700 is the brand brown. */
  --brown-200:#D8B9A0;--brown-300:#BE9878;--brown-400:#A67A56;--brown-500:#85552C;--brown-600:#7C4620;--brown-700:#653614;--brown-800:#4A270E;
  /* Miel — the one accent, a nuance of the brown. Status and eyebrows only. */
  --miel-100:#F6E5C6;--miel-200:#EDD3A4;--miel-500:#C08A34;--miel-600:#8A5F1C;
  /* Brique — reserved for "closed" / error */
  --brick-100:#F2DCD4;--brick-500:#A44B36;
  /* Sauge — reserved strictly for positive/success feedback (toasts, success badges). Not a brand colour. */
  --sage-100:#E3E8D8;--sage-600:#5C7A3D;

  /* Surfaces */
  --surface-page:var(--cream-100);
  --surface-page-alt:var(--cream-200);
  --surface-card:var(--cream-50);
  --surface-sunken:var(--cream-300);
  --surface-ink:var(--brown-700);
  --surface-ink-soft:var(--brown-600);
  --surface-warm:var(--cream-300);

  /* Ink */
  --text-heading:var(--brown-700);
  --text-body:var(--brown-600);
  --text-muted:var(--brown-500);
  --text-inverse:var(--cream-100);
  --text-inverse-muted:var(--cream-400);
  --text-link:var(--brown-700);
  --text-link-hover:var(--miel-600);

  /* Lines */
  --border-ink:var(--brown-700);
  --border-hairline:var(--cream-400);
  --border-soft:var(--cream-300);

  /* Roles */
  --accent-primary:var(--brown-700);
  --accent-primary-hover:var(--brown-600);
  --accent-secondary:var(--miel-500);
  --accent-secondary-hover:var(--miel-600);
  --focus-ring:var(--brown-500);

  /* Status */
  --status-open:var(--sage-600);
  --status-open-bg:var(--sage-100);
  --status-attention:var(--miel-500);
  --status-attention-bg:var(--miel-100);
  --status-closed:var(--brick-500);
  --status-closed-bg:var(--brick-100);

  /* Overlays */
  --overlay-ink:color-mix(in oklab,var(--brown-800) 62%,transparent);
  --scrim-warm:linear-gradient(to top,rgba(74,39,14,.72),rgba(74,39,14,0) 72%); /* @kind color */
}