/* Batch & Culture — Color tokens
   Warm dairy palette: creamy off-whites, soft butter tones, sage-green primary accent,
   berry as the seasonal/secondary accent. Everything leans warm; no cool greys. */
:root {
  /* Creams & surfaces (warm off-whites) */
  --cream-50: #FBF7EF;   /* page background */
  --cream-100: #F5EEDF;
  --cream-150: #EFE6D3;
  --cream-200: #E7DBC5;  /* hairlines / borders */
  --cream-300: #DCCBAF;
  --milk: #FFFDF8;       /* warm white — card surface */

  /* Ink (warm near-blacks & muted browns) */
  --ink-900: #2B2720;
  --ink-800: #3D3730;
  --ink-700: #574F44;
  --ink-600: #6B6153;
  --ink-500: #857A69;    /* muted body / captions */
  --ink-400: #A79C89;    /* disabled / placeholder */

  /* Sage — PRIMARY accent (fresh) */
  --sage-700: #55634A;
  --sage-600: #66765A;   /* hover / pressed */
  --sage-500: #7C8B6B;   /* primary */
  --sage-400: #97A585;
  --sage-300: #B9C4A7;
  --sage-200: #D6DDC9;
  --sage-100: #E9EEDF;   /* tint surface */

  /* Berry — SECONDARY / seasonal accent */
  --berry-700: #7C3450;
  --berry-600: #93415F;
  --berry-500: #A85072;
  --berry-400: #BC6E8B;
  --berry-300: #CE9AAE;
  --berry-100: #F0DDE4;

  /* Honey / butter — warm dairy support */
  --honey-500: #E3A24A;
  --honey-400: #EBB86E;
  --honey-300: #F0CE93;
  --butter-100: #FBEECB;

  /* Semantic base */
  --color-success: #66765A;  /* sage-600 */
  --color-warning: #E3A24A;  /* honey */
  --color-danger: #C0503F;   /* warm brick */
  --color-info: #5E8A8C;     /* muted teal */

  /* ---- Semantic aliases (use these in components) ---- */
  --surface-page: var(--cream-50);
  --surface-card: var(--milk);
  --surface-sunken: var(--cream-100);
  --surface-raised: var(--milk);
  --surface-tint: var(--sage-100);
  --surface-inverse: var(--ink-900);

  --border-hairline: var(--cream-200);
  --border-strong: var(--cream-300);
  --border-focus: var(--sage-500);

  --text-strong: var(--ink-900);
  --text-body: var(--ink-800);
  --text-muted: var(--ink-500);
  --text-faint: var(--ink-400);
  --text-inverse: var(--cream-50);
  --text-accent: var(--sage-700);

  --accent: var(--sage-500);
  --accent-hover: var(--sage-600);
  --accent-press: var(--sage-700);
  --accent-tint: var(--sage-100);
  --accent-on: #FFFFFF;

  --accent-2: var(--berry-500);
  --accent-2-hover: var(--berry-600);
  --accent-2-tint: var(--berry-100);
}