/* SJDESIGN-V1-BRAND-2026-05-21 — tenant-overlay tokens for SJ Design (Sara Scott).
   v1 placeholder pending Sara's actual brand sheet. Designer-friendly defaults:
   warm-neutral foundation + terracotta accent + clean sans-serif type.
   Distinctly different from Gentoo blue + FedSpec navy + CMYFCC navy/red so
   tenant identity reads clearly even at v1.
   Imported AFTER /_chassis/gentoo-tokens.css so tenant palette overrides chassis.
   FIXME: replace with Sara's actual brand colors when sheet arrives. */
:root {
  /* SJDesign v1 palette — designer-friendly warm neutral + terracotta */
  --sjd-charcoal: #2A2826;        /* PRIMARY text — warm dark, not pure black */
  --sjd-terracotta: #C66B4A;      /* ACCENT — distinctive designer color */
  --sjd-terracotta-2: #E89674;    /* lighter terracotta for hover */
  --sjd-cream: #FAF6F1;           /* page background — warm white */
  --sjd-stone: #F0EAE2;           /* secondary surface */
  --sjd-paper: #FFFFFF;           /* card / modal surface */
  --sjd-line: #D8CFC4;            /* borders — warm grey */
  --sjd-text-2: #5C5852;          /* secondary text */
  --sjd-text-3: #8B8579;          /* tertiary */

  /* Override canonical chassis variables with SJD palette */
  --primary: var(--sjd-terracotta);
  --accent: var(--sjd-charcoal);
  --canvas: var(--sjd-cream);
  --body-text: var(--sjd-charcoal);

  /* Bridge to chassis token names */
  --gl-brand: var(--sjd-terracotta);
  --gl-brand-strong: var(--sjd-charcoal);
  --gl-brand-soft: var(--sjd-stone);
  --gl-brand-grey: var(--sjd-text-3);
  --gl-brand-paper: var(--sjd-cream);

  /* Surfaces */
  --gl-bg: var(--sjd-cream);
  --gl-surface: var(--sjd-paper);
  --gl-surface-2: var(--sjd-stone);
  --gl-border: var(--sjd-line);
  --gl-border-strong: var(--sjd-text-3);

  /* Text */
  --gl-text: var(--sjd-charcoal);
  --gl-text-2: var(--sjd-text-2);
  --gl-text-3: var(--sjd-text-3);

  /* Typography — clean designer sans-serif */
  --sjd-display-font: 'Inter', 'Helvetica Neue', system-ui, sans-serif;
  --sjd-body-font: 'Inter', 'Helvetica Neue', system-ui, sans-serif;
  --sjd-mono-font: 'JetBrains Mono', ui-monospace, monospace;

  /* Slightly larger radii — designer-friendly */
  --gl-radius: 10px;
  --gl-radius-sm: 6px;
}