/* =========================================================================
   Alice Designs — Color tokens
   Warm charcoal "ink", sand paper neutrals, and a bright signal green.
   Base ramps first, then semantic aliases that the components consume.
   ========================================================================= */

:root {
  /* --- Ink: warm, slightly green-black charcoal ----------------------- */
  --ink-900: #14130E;
  --ink-800: #1C1B15;
  --ink-700: #292820;
  --ink-600: #3A382E;
  --ink-500: #565347;
  --ink-400: #76725F; /* muted text on light */

  /* --- Sand: warm paper neutrals ------------------------------------- */
  --sand-50:  #FAF7F0;
  --sand-100: #F4EFE3;
  --sand-200: #ECE4D2;
  --sand-300: #E0D5BD;
  --sand-400: #CFC0A2;
  --sand-500: #B7A483;
  --sand-600: #978468;

  /* --- Green: the one bright, high-energy accent (chartreuse signal) - */
  --green-50:  #F8FCE6;
  --green-100: #EDF7B8;
  --green-300: #DAF26B;
  --green-400: #BFEB33;  /* signal — the brand green */
  --green-500: #A6D118;  /* primary action */
  --green-600: #87AC10;  /* hover / deep */
  --green-700: #5F7A09;  /* pressed / text on light */

  /* --- Pure scales --------------------------------------------------- */
  --white: #FFFFFF;
  --black: #0B0A07;

  /* === Semantic aliases (dark-default: predominantly black) ========= */

  /* Surfaces */
  --surface-page:    var(--ink-900);    /* black canvas */
  --surface-raised:  var(--ink-800);    /* card on page */
  --surface-card:    var(--ink-800);    /* default card */
  --surface-sunken:  var(--black);      /* wells, insets */
  --surface-inverse: var(--sand-100);   /* light contrast sections */
  --surface-accent:  var(--green-400);

  /* Text */
  --text-strong:   var(--sand-50);      /* headings */
  --text-body:     var(--sand-200);     /* paragraphs */
  --text-muted:    var(--sand-500);     /* captions, meta */
  --text-faint:    var(--sand-600);     /* placeholders */
  --text-on-dark:  var(--sand-100);     /* text on ink */
  --text-on-light: var(--ink-900);      /* text on light/inverse surfaces */
  --text-on-accent:var(--ink-900);      /* text on green */
  --text-link:     var(--green-400);

  /* Borders & lines */
  --border-subtle: var(--ink-700);
  --border-default: var(--ink-600);
  --border-strong: var(--sand-400);
  --border-accent: var(--green-500);
  --hairline: color-mix(in srgb, var(--sand-100) 14%, transparent);

  /* Accent / interactive */
  --accent:        var(--green-400);
  --accent-hover:  var(--green-500);
  --accent-press:  var(--green-600);
  --accent-tint:   var(--green-50);
  --focus-ring:    color-mix(in srgb, var(--green-500) 55%, transparent);

  /* Status */
  --positive: var(--green-500);
  --warning:  #C98A1E;
  --danger:   #B84A36;
  --info:     var(--ink-600);
}