/* Industrious CRM — Color tokens · "Ivory & Ink" (document mode)
   Print-first documents: warm ivory paper, official dark-grey ink, restrained yellow.

   MIDDLE PATH: the ink, muted-text, status and shadow families are the OFFICIAL
   Branding Guidelines values (#3D3C46 grey family, #E3DE00 yellow, #E3B400 deep gold),
   so documents never clash with decks. What stays document-specific is the warm ivory
   paper and the RULE that yellow is a small highlight only — never a full field.
   For decks and presented collateral use tokens/brand-deck.css instead. */

:root {
  /* ---- Paper (document-specific) ---- */
  --ivory:            #f4f0e8; /* warm canvas / paper */
  --white:            #ffffff; /* cards & surfaces */
  --surface-2:        #eae6db; /* secondary surface */
  --border:           #e4e0d6; /* hairline borders */

  /* ---- Ink — official grey family ---- */
  --ink:              #3D3C46; /* body text (Industrious Dark Grey) */
  --ink-strong:       #2A2932; /* strong headings */
  --charcoal:         #3D3C46; /* primary fills, rules, bars */
  --charcoal-ivory:   #f6f2ea; /* warm ivory text on dark grey */
  --muted:            #6b6a75; /* muted / caption text */
  --subtle:           #9a99a3; /* tertiary / captions */

  /* ---- Yellow — official brand yellow, HIGHLIGHT ONLY in documents ---- */
  --spark:            #E3DE00; /* Industrious Yellow — focus, marks, cover mark */
  --gold:             #E3B400; /* deep gold — thin rules, data, graphic marks */
  --gold-ink:         #8A6D00; /* readable gold for TEXT on light grounds */

  /* ---- Status — official earth-tone set ---- */
  --sage:             #7A9A7E; /* success / recommendation */
  --ochre:            #C4913B; /* warning / watch-out */
  --clay:             #B5634A; /* danger / risk / legacy */
  --honey:            #D4B84A; /* note */

  /* Readable text colors on the matching tints */
  --sage-ink:         #4A6349;
  --ochre-ink:        #8A6320;
  --clay-ink:         #8A4630;

  /* Tints for callout & comparison surfaces (on ivory/white) */
  --sage-tint:        #edf1ec;
  --ochre-tint:       #f8f0e3;
  --clay-tint:        #f7ebe7;
  --gold-tint:        #f9f0d8;
  --spark-tint:       #fbfab3;

  /* Tint borders */
  --sage-tint-border:  #d3ddd0;
  --ochre-tint-border: #ead6b4;
  --clay-tint-border:  #ebcbc0;
  --gold-tint-border:  #eedca6;

  /* ---- Semantic aliases ---- */
  --canvas:           var(--ivory);
  --surface-card:     var(--white);
  --surface-alt:      var(--surface-2);

  --text-body:        var(--ink);
  --text-heading:     var(--ink-strong);
  --text-muted:       var(--muted);
  --text-subtle:      var(--subtle);
  --text-on-dark:     var(--charcoal-ivory);

  --accent-spark:     var(--spark);
  --accent-data:      var(--gold);

  --primary:          var(--charcoal);
  --primary-text:     var(--charcoal-ivory);

  --rule:             var(--gold);
  --border-hairline:  var(--border);

  --status-success:   var(--sage);
  --status-warning:   var(--ochre);
  --status-danger:    var(--clay);

  --focus-ring:       var(--spark);
}