/* ──────────────────────────────────────────────────────────────────────────
   DArnTech house brand — design tokens (SINGLE SOURCE)
   ──────────────────────────────────────────────────────────────────────────
   No-build single-source: public pages `<link>` this file instead of inlining
   a :root block, so a palette change lands once and every page that links it
   picks it up. Created cycle-66-huey L05 (darn-tech.com elevated house brand).

   Premium carbon-thin · DARK · cycle-66 elevated house brand.
   Skeleton = carbon discipline (Plex type · 8/16px grid · hairline rules
   · IBM blue action). Pulled a notch warmer/deeper than the austere shipped
   thin-carbon so it reads refined, not bare — a point BETWEEN the warm ops Vue
   and the strict shipped carbon. NOT newspaper.
   ────────────────────────────────────────────────────────────────────────── */

:root {
  /* Brand v3.0 marks keep their olive/yellow identity (logomark only). */
  --darntech-olive: #747438; --darntech-olive-light: #a5a570;
  --darntech-yellow: #F5DC28; --darntech-paper: #f4f1ea;

  /* Surfaces — warm-tinted near-blacks (a hair off pure carbon Gray-100,
     the warmth is what separates this from the shipped austere page). */
  --bg:           #121311;
  --bg-2:         #16170f;
  --surface:      #1a1c17;
  --surface-2:    #1f221b;
  --surface-hi:   #25281f;
  --elevated:     #1c1e18;

  /* Hairline rules — carbon discipline, faintly warm. */
  --border:       #2a2d24;
  --border-hi:    #3a3e31;
  --hairline:     rgba(165,165,112,0.10);

  /* Type. */
  --text:         #ececdf;
  --text-2:       #b5b6a4;
  --text-3:       #82836f;

  /* Action = warm copper/clay (cycle-68: retired IBM carbon blue — it read
     contrary to the all-warm olive/paper/gold identity). A distinct hue from
     the gold brand accent, so CTAs keep their own identity and gold stays
     special. Token names kept (--blue*) so every consumer across the spine
     picks this up with no per-page edits. */
  --blue:         #c2703f;
  --blue-hi:      #d98a55;
  --blue-dim:     rgba(194,112,63,0.14);
  --blue-line:    rgba(194,112,63,0.30);

  /* Brand accent — sparingly, for the logomark + masthead spark + score. */
  --accent:       #F5DC28;
  --accent-soft:  #e7d56a;
  --accent-dim:   rgba(245,220,40,0.12);
  --accent-glow:  rgba(245,220,40,0.10);

  /* Semantic. */
  --ok:           #42be65;
  --ok-dim:       rgba(66,190,101,0.14);

  --r-sm: 4px; --r: 8px; --r-lg: 12px;
  --maxw: 1040px;

  /* ── Logomark ink colors (consumed by /brand/mark.svg across the <use>
     shadow boundary — host CSS classes can't reach into an external SVG, so
     the mark reads these custom properties instead). Default to the brand
     paper/olive identity; a host page may override per-instance. ── */
  --mark-ink:   var(--darntech-paper);
  --mark-ghost: var(--darntech-olive-light);

  /* ── Backdrop logomark tunables (centralized — were duplicated across home +
     4 spine pages; edit HERE and every page picks it up). Home hero links this
     file directly; the spine pages get it via carbon.css @import. Bigger than the
     old per-page values (home clamp(560,72vw,1180) / spine clamp(520,66vw,1100))
     so the mark reads larger on every surface from one knob. NOTE: opacity is
     deliberately NOT centralized — home hero stays 0.28, spine stays 0.18. ── */
  --mark-bg-w: clamp(640px, 92vw, 1500px);

  /* Card translucency for backdrop pages only — consumed by the .has-backdrop
     .card rule in carbon.css so the backdrop reads through the cards. Scoped, so
     the 14 customer-facing booking demo pages keep SOLID cards. Lower % = more
     see-through (80% = more transparent than the old global 92%). */
  --card-see-through: 80%;
}