/* Elizabeths Bakes — Color tokens
   A warm, soft, kitchen-nostalgic palette: toasted cream base,
   terracotta crust, honey/amber, and walnut-brown ink. */

:root {
  /* ---- Base ramp: cream -> crust -> walnut ---- */
  --cream-50:  #FFFDF8;  /* raised card / near-white */
  --cream-100: #FFFBF3;  /* card surface */
  --cream-200: #FBF5EA;  /* soft page */
  --cream-300: #F5EBDC;  /* primary page bg (the signature cream) */
  --cream-400: #EEDFC9;  /* muted panel / hover on cream */
  --cream-500: #E4D0B4;  /* borders on cream, dividers */

  --terracotta-300: #E0A97D;  /* light crust / tints */
  --terracotta-400: #D2946A;  /* hover-light */
  --terracotta-500: #C98A5E;  /* PRIMARY — terracotta crust */
  --terracotta-600: #B0724A;  /* primary hover/press */
  --terracotta-700: #96603D;  /* deep crust */

  --honey-300: #F0CE8F;  /* soft honey tint */
  --honey-400: #E4B363;  /* ACCENT — honey / amber */
  --honey-500: #D19A45;  /* accent deep */

  --walnut-500: #8C6A4A;  /* walnut brown */
  --walnut-600: #6E5238;  /* deep walnut */
  --walnut-700: #5A4433;  /* darkest wood */

  --ink-900: #3D2E22;  /* espresso — strongest text */
  --ink-700: #574334;  /* body text */
  --ink-500: #7A6653;  /* muted text */
  --ink-300: #A6947F;  /* faint text / placeholder */

  /* ---- Semantic ---- */
  --success-500: #7A8B5A;  /* sage — "in stock", confirmations */
  --success-100: #EAEEDD;
  --warning-500: #D19A45;  /* honey — "last few" */
  --warning-100: #F8ECD3;
  --danger-500:  #C25B3F;  /* rust — "sold out", errors */
  --danger-100:  #F6DFD6;

  /* ---- Semantic aliases (use these in components) ---- */
  --surface-page:    var(--cream-300);
  --surface-soft:    var(--cream-200);
  --surface-card:    var(--cream-100);
  --surface-raised:  var(--cream-50);
  --surface-inset:   var(--cream-400);

  --text-strong:     var(--ink-900);
  --text-body:       var(--ink-700);
  --text-muted:      var(--ink-500);
  --text-faint:      var(--ink-300);
  --text-on-brand:   #FFF9F0;

  --brand-primary:      var(--terracotta-500);
  --brand-primary-hov:  var(--terracotta-600);
  --brand-primary-soft: var(--terracotta-300);
  --brand-accent:       var(--honey-400);
  --brand-accent-soft:  var(--honey-300);
  --brand-deep:         var(--walnut-600);

  --border-soft:   var(--cream-500);
  --border-strong: var(--walnut-500);
  --focus-ring:    var(--terracotta-500);
}