/* ─────────────────────────────────────────────────────────────────────────────
   Diamond Equity Investments — Chicago · brand template tokens

   Two registers, one token surface. Every block styles itself against the
   `--t-*` semantic layer only; the registers below are the ONLY place a raw
   brand value appears. Swap `data-register` on any container and the whole
   subtree re-skins.

     data-register="paper"    Paper Register — bone/ink editorial, square
                              corners, hairlines. Transcribed from
                              apps/landing/src/styles/tokens.css, itself
                              transcribed from the Design Library kit
                              `diamond-equity`.

     data-register="company"  The /company-landing register — white ground,
                              ice + navy, 16px rounded. Marcel's 2026-08-30
                              rounded-by-default decision.

   THE FORK IS DELIBERATE. The kit's notes say it explicitly: both are correct
   and must not be "harmonised". Do not collapse these into one register.

   Banned in both, per opscend-design-standard: capsule/pill tags, blurred
   text, glow text, gradient blobs, shadow-glows. Statuses are a dot plus a
   word. Kickers are flat mono.
   ────────────────────────────────────────────────────────────────────────── */

/* ── Raw brand values ─────────────────────────────────────────────────────── */
:root {
  /* Paper Register — kit `diamond-equity`, 33 tokens, verbatim */
  --ink: #0b0b10;
  --mut: #9b9686;
  --bone: #f5f2eb;
  --cork: #efeae0;
  --line: #c9c4b6;
  --navy: #2e4a78;
  --slip: #ffffff;
  --paper: #f6f3ec;
  --stone: #4a4a46;
  --line-soft: #dcd5c5;
  --navy-soft: #7e96bc;
  --ink-stripe-a: #15151a;
  --ink-stripe-b: #1d1d24;
  --bone-stripe-a: #e9e3d6;
  --bone-stripe-b: #ddd6c6;

  /* Company register — record `diamond-equity-social-landing` */
  --sl-white: #ffffff;
  --sl-ice: #a9d6e5;
  --sl-ink: #0b1733;
  --sl-navy: #1c3d80;
  --sl-navy-deep: #0c2f76;
  --sl-ice-line: #d7eaf3;
  --sl-ice-wash: #f4fafd;
  --sl-meta: #63708f;

  /* THE single accent. One blue beat per view. Shared by both registers —
     sourced from Diamond Equity's own live "Get Cash Offer" button. Red was
     removed from this brand on purpose; never reintroduce it. */
  --accent: #1863dc;
  --accent-soft: #6fa0ea;

  /* Type — identical across registers */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-headline: "Archivo", "Inter", Helvetica, Arial, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, "JetBrains Mono", "SF Mono", Consolas, monospace;
  --kicker-tracking: 0.26em;
  --lockup-tracking: 0.16em;
  --headline-tracking: -0.02em;

  /* Motion */
  --ease-draw: cubic-bezier(0.45, 0, 0.2, 1);
  --ease-enter: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-travel: cubic-bezier(0.6, 0, 0.2, 1);

  /* Kit token `torn-rule` — the deckled paper edge */
  --torn-rule: polygon(
    0 40%, 8% 0, 17% 70%, 28% 10%, 39% 90%, 50% 20%,
    61% 80%, 72% 0, 83% 60%, 92% 15%, 100% 55%, 100% 100%, 0 100%
  );

  /* Rhythm. Blocks stack on this scale and nothing else — it is what lets an
     arbitrary run of blocks read as one document at any length. */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --gutter: clamp(20px, 5vw, 72px);   /* re-based per block on cqi in web.css */
  --measure: 68ch;
  --shell: 1240px;
}

/* ── Register: Paper ──────────────────────────────────────────────────────── */
[data-register="paper"] {
  --t-ground: var(--paper);
  --t-ground-image:
    radial-gradient(rgba(11, 16, 22, 0.028) 0.6px, transparent 0.6px),
    radial-gradient(rgba(255, 255, 255, 0.5) 0.5px, transparent 0.5px);
  --t-ground-size: 5px 5px, 7px 7px;

  --t-ink: var(--ink);
  --t-meta: var(--stone);
  --t-faint: var(--mut);

  --t-surface: var(--bone);
  --t-surface-2: var(--cork);
  --t-slip: var(--slip);

  --t-line: var(--line);
  --t-line-soft: var(--line-soft);

  --t-brand: var(--navy);
  --t-brand-soft: var(--navy-soft);
  --t-accent: var(--accent);
  --t-accent-soft: var(--accent-soft);
  --t-on-accent: var(--bone);

  /* Inverse surface — the ink ground, for full-bleed statement blocks */
  --t-inverse: var(--ink);
  --t-inverse-image: repeating-linear-gradient(
    122deg, var(--ink-stripe-a) 0 10px, var(--ink-stripe-b) 10px 20px);
  --t-on-inverse: var(--bone);

  /* Photo-pending hatch — what an unfilled image slot renders as */
  --t-photo-pending: repeating-linear-gradient(
    122deg, var(--bone-stripe-a) 0 10px, var(--bone-stripe-b) 10px 20px);

  --t-rad: 0;
  --t-rad-sheet: 0;
  --t-rad-pill: 0;
}

/* ── Register: Company ────────────────────────────────────────────────────── */
[data-register="company"] {
  --t-ground: var(--sl-white);
  --t-ground-image:
    radial-gradient(rgba(11, 23, 51, 0.055) 0.6px, transparent 0.6px),
    radial-gradient(rgba(28, 61, 128, 0.035) 0.5px, transparent 0.5px);
  --t-ground-size: 5px 5px, 8px 8px;

  --t-ink: var(--sl-ink);
  --t-meta: var(--sl-meta);
  --t-faint: var(--sl-meta);

  --t-surface: var(--sl-ice-wash);
  --t-surface-2: var(--sl-ice-wash);
  --t-slip: var(--sl-white);

  --t-line: var(--sl-ice-line);
  --t-line-soft: var(--sl-ice-line);

  --t-brand: var(--sl-navy);
  --t-brand-soft: var(--sl-ice);
  --t-accent: var(--accent);
  --t-accent-soft: var(--accent-soft);
  --t-on-accent: var(--sl-white);

  --t-inverse: var(--sl-navy-deep);
  --t-inverse-image: none;
  --t-on-inverse: var(--sl-white);

  --t-photo-pending: repeating-linear-gradient(
    122deg, var(--sl-ice-wash) 0 10px, var(--sl-ice-line) 10px 20px);

  --t-rad: 16px;
  --t-rad-sheet: 20px;
  --t-rad-pill: 16px;   /* rounded, never a capsule — see the design law */
}