/* Palette — transcribed from Portfolio-Structure.fig and artwork-color-codes.jpg.
   Two suites: HOME (moody, dense) and WORK (austere, pale accents). */
:root{
  /* base — greys */
  --ll-studio-base:#38393f;   /* page ground, both frames */
  --ll-deep-ink:#111111;      /* video/card ground for dark media */
  --ll-black:#000000;
  --ll-charcoal:#5f5e60;      /* primary ink on light grounds */
  --ll-hard-gray:#5e5e5e;     /* hairlines, strokes */
  --ll-tile-dark:#464646;     /* word-tile ink */
  --ll-mid-gray:#757575;      /* featured-section rail */
  --ll-slate-gray:#878787;
  --ll-cool-silver:#bababa;   /* featured-section ground */

  /* base — papers */
  --ll-parchment:#eae6e6;     /* card paper */
  --ll-studio-chalk:#f1f1f1;  /* display type on dark */
  --ll-off-white:#fffefe;
  --ll-true-white:#ffffff;

  /* base — pinks & lilacs */
  --ll-lola-pink:#e7bfe8;     /* footer plane */
  --ll-dusty-lilac:#cfc2cf;   /* project caption bar */
  --ll-tile-pink:#f1cfe3;     /* word-tile pink */
  --ll-muted-plum:#7a7379;

  /* semantic — surfaces */
  --surface-page:var(--ll-studio-base);
  --surface-card:var(--ll-parchment);
  --surface-card-dark:var(--ll-deep-ink);
  --surface-caption:var(--ll-dusty-lilac);
  --surface-index:var(--ll-cool-silver);
  --surface-footer:var(--ll-lola-pink);
  --surface-rail:var(--ll-mid-gray);

  /* semantic — ink */
  --text-on-dark:var(--ll-true-white);
  --text-display:var(--ll-studio-chalk);
  --text-body:var(--ll-charcoal);
  --text-meta:var(--ll-charcoal);
  --text-on-pink:var(--ll-true-white);

  /* semantic — lines */
  --line-hairline:var(--ll-hard-gray);   /* 1px inset card edge */
  --line-rule:var(--ll-charcoal);        /* 1.5px index-table rule */
  --line-dashed:var(--ll-studio-chalk);  /* 1px dashed layout frame */

  /* word-tile field (portfolio/script.js COLOR_TABLE) */
  --tile-pink:var(--ll-tile-pink);
  --tile-light:var(--ll-parchment);
  --tile-mid:var(--ll-hard-gray);
  --tile-dark:var(--ll-tile-dark);
}