/* Figmint design system — color tokens
   Palette derived from Target's Figmint kitchenware brand.
   Warm neutrals + muted sage. Nothing saturated. No true black, no cool gray. */

:root {
  /* ---- Raw palette ---- */
  --fig-sage:        #A3AE8F;  /* hero */
  --fig-sage-deep:   #8B9878;
  --fig-sage-tint:   #D6DCCC;
  --fig-cream:       #F2EAD9;  /* base surface */
  --fig-cream-hi:    #FAF6EC;
  --fig-oat:         #E4D8C0;  /* alt surface */
  --fig-acacia:      #8C6A4E;  /* wood / warmth anchor */
  --fig-terracotta:  #C9714D;  /* the one loud accent */
  --fig-dusty-blue:  #7A94A6;
  --fig-mint:        #B9D3C2;
  --fig-olive:       #3F4A3C;  /* grounding dark, replaces black */
  --fig-olive-deep:  #2C332A;
  --fig-gold:        #C2A878;  /* matte, accent only — never a surface */
  --fig-steel:       #B7B7B2;
  --fig-ink:         #2E2A24;  /* warm near-black, all primary type */
  --fig-stone:       #8A8171;  /* secondary type, dividers */

  /* ---- Semantic roles (light) ---- */
  --surface:            var(--fig-cream);
  --surface-raised:     var(--fig-cream-hi);
  --surface-sunken:     var(--fig-oat);
  --surface-inverse:    var(--fig-olive);

  --text-primary:       var(--fig-ink);
  --text-secondary:     var(--fig-stone);
  --text-on-inverse:    var(--fig-cream);
  --text-on-accent:     var(--fig-ink);

  --border-subtle:      #E2D9C8;
  --border-strong:      #C9BEA8;

  --action-primary-bg:      var(--fig-olive);
  --action-primary-text:    var(--fig-cream);
  --action-secondary-bg:    var(--fig-sage);
  --action-secondary-text:  var(--fig-ink);
  --action-ghost-text:      var(--fig-olive);

  --accent:             var(--fig-terracotta);
  --accent-cool:        var(--fig-dusty-blue);
  --focus-ring:         var(--fig-acacia);

  /* Warm shadow — never black */
  --shadow-sm: 0 1px 2px rgba(60, 44, 30, 0.08);
  --shadow-md: 0 4px 14px rgba(60, 44, 30, 0.10);

  /* ---- Status ---- */
  --status-success: #6E8A63;
  --status-warning: #C08A3E;
  --status-danger:  #A85340;
  --status-info:    var(--fig-dusty-blue);
}

/* ---- Semantic roles (dark) ---- */
[data-theme="dark"] {
  --surface:            var(--fig-olive-deep);
  --surface-raised:     var(--fig-olive);
  --surface-sunken:     #232821;
  --surface-inverse:    var(--fig-cream);

  --text-primary:       var(--fig-cream);
  --text-secondary:     #A8AC9C;
  --text-on-inverse:    var(--fig-ink);

  --border-subtle:      #4A5546;
  --border-strong:      #5F6B5A;

  --action-primary-bg:      var(--fig-sage);
  --action-primary-text:    var(--fig-olive-deep);
  --action-secondary-bg:    transparent;
  --action-secondary-text:  var(--fig-sage-tint);
  --action-ghost-text:      var(--fig-sage-tint);

  --accent:             #D98B69;
  --focus-ring:         var(--fig-gold);
}