/* ============================================================
   Chef Cut — Color tokens
   Palette transcribed exactly from the brand book (§02 Colors).
   Naming follows the brand's own "cc <name>" convention.
   ============================================================ */
:root {
  /* ---- Base palette (brandbook §02) ---- */
  --cc-ivory:   #F9F0DB; /* c02 m05 y15 k00 · pantone 7499 c */
  --cc-iron:    #8D9196; /* neutral grey */
  --cc-grass:   #1A3B2B; /* c52 m00 y50 k85 · pantone 5605 c */
  --cc-wood:    #49372E; /* c00 m22 y32 k82 · pantone 7519 c */
  --cc-leather: #1C1612; /* c00 m20 y15 k95 · pantone 419 c  (near-black) */
  --cc-garnet:  #79000F; /* c00 m92 y80 k62 · pantone 1815 c (primary red) */

  /* ---- Extended browns seen in the visual ID ---- */
  --cc-garnet-bright: #8D0014; /* hairline strokes / stamp ink */
  --cc-taupe:  #564238; /* display headline brown (Care. Craft.) */
  --cc-clay:   #634D41; /* "Chef Cut" wordmark brown */
  --cc-ink:    #1C160E; /* body copy on light (rgb 28,22,18) */

  /* ---- Neutrals ---- */
  --cc-white:      #FFFFFF;
  --cc-paper:      #F7F7F7; /* card surface */
  --cc-line:       rgba(28,22,18,0.12);

  /* ============================================================
     Semantic aliases — reference these in components
     ============================================================ */
  /* Surfaces */
  --surface-page:     var(--cc-white);
  --surface-ivory:    var(--cc-ivory);
  --surface-dark:     var(--cc-leather);
  --surface-card:     var(--cc-paper);
  --surface-brand:    var(--cc-garnet);
  --surface-wood:     var(--cc-taupe);

  /* Text */
  --text-body:        var(--cc-ink);
  --text-muted:       rgba(28,22,18,0.62);
  --text-heading:     var(--cc-taupe);   /* big display type */
  --text-brand:       var(--cc-garnet);  /* serif eyebrows/subheads */
  --text-on-dark:     var(--cc-white);
  --text-on-dark-soft:var(--cc-ivory);
  --text-on-brand:    var(--cc-ivory);

  /* Lines / borders */
  --border-hairline:  var(--cc-garnet);  /* the signature 1px garnet ring */
  --border-subtle:    var(--cc-line);

  /* Interactive */
  --brand:            var(--cc-garnet);
  --brand-hover:      #8D0014;
  --brand-press:      #5E000B;

  /* Status (derived from palette — brand has no dedicated status hues) */
  --status-positive:  var(--cc-grass);
  --status-critical:  var(--cc-garnet);
}