/* CoreCave editorial — design-token foundation (Wave 2, T2.1).
 *
 * Loaded AFTER legacy style.css :root block — see functions.php enqueue order:
 *   style.css -> tokens.css -> {type,cards,header,pages/*}.css
 *
 * Namespacing — ALL editorial tokens use the `--cc-ed-*` prefix so the legacy
 * `--cc-primary*`, `--cc-sp-*`, `--cc-radius-*`, `--cc-shadow-*`, `--cc-dur-*`
 * tokens in style.css remain untouched (the work-doc invariant: editorial
 * palette declared in parallel; legacy tokens stay clear). The spec table
 * listed bare names (e.g. --cc-sp-5) for several scales, but those values
 * collide with style.css consumers; the work-doc's parallel-namespace rule
 * wins. See Deviations in the dispatch report.
 *
 * Consumers (Wave 1 + Wave 3):
 *   --cc-ed-bg/-ink/-saffron/-paper-rule      -> type.css, cards.css, header.css, pages/*
 *   --cc-ed-sp-* / --cc-ed-sp-fluid-section   -> cards.css, pages/* layout rhythm
 *   --cc-ed-sp-card-pad-{y,x}                 -> cards.css (Tutor + cc-* card pads)
 *   --cc-ed-radius-*                          -> cards.css, pages/*
 *   --cc-ed-shadow-{paper,card,hover,focus}   -> cards.css, pages/*, focus states
 *   --cc-ed-ease / --cc-ed-dur-*              -> hover-only motion in cards/pages
 *   --cc-ed-w-{narrow,content,wide,bleed}     -> pages/* container widths
 */

:root {
  /* --- Palette: editorial neutrals + saffron accent --- */
  --cc-ed-bg:              #FAF7F2;
  --cc-ed-bg-tint:         #FFFCF5;
  --cc-ed-ink:             #0E0E0E;
  --cc-ed-ink-soft:        #2A2A2A;
  --cc-ed-muted:           #6B6657;
  --cc-ed-saffron:         #E8492C;
  --cc-ed-saffron-warm:    #D1421F;
  --cc-ed-paper-rule:      #E5DDD0;
  --cc-ed-paper-rule-soft: #EFEAE0;

  /* --- Semantic (editorial-tuned, distinct from legacy) --- */
  --cc-ed-success:         #2F7D54;
  --cc-ed-danger:          #B53431;
  --cc-ed-warning:         #B0671B;
  --cc-ed-info:            #2E5C7E;

  /* --- Gold tier (Thanawiya premium card) --- */
  --cc-ed-gold:          #C8A75B;
  --cc-ed-gold-light:    #FBF5E1;
  --cc-ed-gold-dark:     #F2E5B0;
  --cc-ed-gold-ink:      #6A4A12;
  --cc-ed-gold-ink-soft: #8A6B25;

  /* --- Spacing scale (4px base; fluid clamps for section + card pads) --- */
  --cc-ed-sp-1:            4px;
  --cc-ed-sp-2:            8px;
  --cc-ed-sp-3:            12px;
  --cc-ed-sp-4:            16px;
  --cc-ed-sp-5:            24px;
  --cc-ed-sp-6:            32px;
  --cc-ed-sp-7:            48px;
  --cc-ed-sp-8:            64px;
  --cc-ed-sp-9:            96px;
  --cc-ed-sp-10:           128px;
  --cc-ed-sp-fluid-section: clamp(48px, 6vw, 96px);
  --cc-ed-sp-card-pad-y:   clamp(24px, 3vw, 40px);
  --cc-ed-sp-card-pad-x:   clamp(20px, 2.5vw, 36px);

  /* --- Radii --- */
  --cc-ed-radius-xs:       4px;
  --cc-ed-radius-sm:       8px;
  --cc-ed-radius-md:       12px;
  --cc-ed-radius-lg:       20px;
  --cc-ed-radius-pill:     999px;

  /* --- Shadows: restrained, paper-press feel --- */
  --cc-ed-shadow-paper:    0 1px 0 var(--cc-ed-paper-rule-soft);
  --cc-ed-shadow-card:     0 1px 2px rgba(14, 14, 14, 0.06), 0 12px 24px -16px rgba(14, 14, 14, 0.12);
  --cc-ed-shadow-hover:    0 4px 8px rgba(14, 14, 14, 0.08), 0 24px 48px -20px rgba(14, 14, 14, 0.18);
  --cc-ed-shadow-focus:    0 0 0 3px rgba(232, 73, 44, 0.35);

  /* --- Motion: sparse, hover-only --- */
  --cc-ed-ease:            cubic-bezier(0.4, 0, 0.2, 1);
  --cc-ed-dur-fast:        120ms;
  --cc-ed-dur-mid:         200ms;
  --cc-ed-dur-slow:        360ms;

  /* --- Container widths --- */
  --cc-ed-w-narrow:        640px;
  --cc-ed-w-content:       960px;
  --cc-ed-w-wide:          1200px;
  --cc-ed-w-bleed:         100vw;
}

/* --- Dark variant: paper inverts to near-black, ink to cream, saffron holds. --- */
[data-theme="dark"] :root,
:root[data-theme="dark"] {
  --cc-ed-bg:              #1A1916;
  --cc-ed-bg-tint:         #211F1B;
  --cc-ed-ink:             #FAF7F2;
  --cc-ed-ink-soft:        #E5DDD0;
  --cc-ed-muted:           #A39B89;
  --cc-ed-paper-rule:      #2F2C26;
  --cc-ed-paper-rule-soft: #26231E;
  --cc-ed-shadow-paper:    0 1px 0 var(--cc-ed-paper-rule);
  --cc-ed-shadow-card:     0 1px 2px rgba(0, 0, 0, 0.5), 0 12px 24px -16px rgba(0, 0, 0, 0.7);
  --cc-ed-shadow-hover:    0 4px 8px rgba(0, 0, 0, 0.55), 0 24px 48px -20px rgba(0, 0, 0, 0.75);
}