/* Floryn Packaging — Color tokens
   The brand is essentially monochrome: charcoal ink on warm cream paper, with a
   ladder of warm greys. Two earthen accents are drawn from the brand imagery —
   KRAFT (the corrugated board itself) and FOREST (the sustainability story).
   Everything is warm-biased; there are no pure-cool greys and no pure black. */

:root {
  /* ---- Paper / surfaces (warm cream) ---- */
  --paper-0:  #FBF9F4;   /* lightest — raised cards on cream */
  --paper-1:  #F5F1EA;   /* PRIMARY surface — the brand "cream paper" */
  --paper-2:  #ECE6DA;   /* sunken / alternating rows */
  --paper-3:  #E2DBCC;   /* deeper tint, hairline fills */

  /* ---- Ink / charcoal text ladder (warm) ---- */
  --ink-0:    #1A1916;   /* near-black charcoal — primary text, headings */
  --ink-1:    #2B2A26;   /* strong body */
  --ink-2:    #4A4742;   /* secondary text */
  --ink-3:    #6E6A61;   /* muted / captions */
  --ink-4:    #9A9488;   /* faint / disabled, placeholder */
  --ink-5:    #C4BDB0;   /* hairline on cream */

  /* ---- Kraft accent (corrugated board) ---- */
  --kraft-50:  #F3E9DA;
  --kraft-100: #E7D2B4;
  --kraft-300: #CBA274;
  --kraft-500: #B07D45;  /* PRIMARY accent */
  --kraft-600: #95662F;
  --kraft-700: #714B22;

  /* ---- Forest accent (sustainability) ---- */
  --forest-100: #DCE2D2;
  --forest-300: #97A682;
  --forest-500: #5B6E45;
  --forest-700: #3B4A2C;  /* deep forest */

  /* ---- Semantic status (kept earthy / desaturated) ---- */
  --green-500:  #5B7A3F;
  --amber-500:  #C08A2B;
  --red-500:    #A8492F;
  --blue-500:   #4A6276;

  /* ---- Pure references ---- */
  --white: #FFFFFF;
  --black: #100F0D;

  /* ============ SEMANTIC ALIASES ============ */
  /* Backgrounds */
  --bg-page:        var(--paper-1);
  --bg-raised:      var(--paper-0);
  --bg-sunken:      var(--paper-2);
  --bg-inverse:     var(--ink-0);
  --bg-kraft:       var(--kraft-500);
  --bg-forest:      var(--forest-700);

  /* Surfaces */
  --surface-card:        var(--paper-0);
  --surface-card-cream:  var(--paper-1);
  --surface-overlay:     rgba(26, 25, 22, 0.55);

  /* Text */
  --text-strong:    var(--ink-0);
  --text-body:      var(--ink-1);
  --text-muted:     var(--ink-3);
  --text-faint:     var(--ink-4);
  --text-on-dark:   var(--paper-1);
  --text-on-kraft:  #FBF6EE;
  --text-accent:    var(--kraft-600);

  /* Lines & borders */
  --line:        rgba(26, 25, 22, 0.12);
  --line-strong: rgba(26, 25, 22, 0.24);
  --line-faint:  rgba(26, 25, 22, 0.07);
  --line-on-dark: rgba(245, 241, 234, 0.18);

  /* Interactive */
  --focus-ring:  var(--kraft-500);
  --selection:   var(--kraft-100);
}