/* Shared design tokens. index.html values are canonical.
   Subpages that used different values keep their look through a page-scoped
   :root override at the top of their own CSS file (event/practice/chakrablaster/404.css).
   E6 (0F): --ink-dim raised to #c4b3a1 (9.65:1 on --bg). Subpages that override
   --ink-dim in their own CSS are unaffected by this value. */
:root {
  --ink:     #f0e6d3;
  --ink-dim: #c4b3a1;
  --ember:   #c97a3e;
  --ember-soft: #e09a5a;
  --bg:      #0d0b09;
  --bg-warm: #181210;
  --bg-card: #1e1a15;
  --border:  rgba(201,122,62,0.18);
  --card-hover:   #261f18;
  --t-fast: 0.3s ease;
  /* derived tokens */
  --ember-faint: rgba(201,122,62,0.08);
  --border-mid:  rgba(201,122,62,0.35);
  --field-border: rgba(240,230,211,0.45); /* form control border, 3.85:1 on --bg-card */
  --placeholder:  #a09080;                /* 5.6:1 on --bg-card */
  --dot-idle:     rgba(240,230,211,0.5);  /* carousel dot, 4.5:1 on --bg */
  --radius: 8px;
  --img-dim: brightness(0.9);
  --img-dim-more: brightness(0.85);
  /* font stacks (defined on the subpages only; index uses literal font-family) */
  --serif: 'Cormorant Garamond', serif;
  --sans:  'Karla', sans-serif;
}