/* Cerin Amroth design tokens.
 *
 * Color + type values are lifted verbatim from cerinamroth.com (the live
 * one-pager); the spacing / radius / tracking scales are added to make the
 * identity composable. Tokens live on :root AND .ca-root so a design styles
 * correctly whether the wrapper is the page root or a nested <Root>. */
:root,
.ca-root {
  /* Surfaces — dark-first. --ca-ground is the page; --ca-elevated is a raised
     surface (cards); --ca-surface-line is the hairline border on elevated. */
  --ca-ground: #0b0c0e;
  --ca-elevated: #15171a;
  --ca-surface-line: #23262b;

  /* Ink */
  --ca-text: #ececec;   /* primary text */
  --ca-muted: #9aa0a6;  /* secondary / lede / meta */
  --ca-faint: #6b7178;  /* footer / least-emphasis */

  /* Accent — the single gold the brand uses for links + primary action. */
  --ca-accent: #e8b23a;
  --ca-accent-hover: #f0c25e;
  --ca-on-accent: #1a1205; /* ink that sits on a solid accent fill */

  /* Type */
  --ca-font-body: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --ca-text-base: 16px;
  --ca-leading: 1.6;
  --ca-tracking-meta: 0.04em;
  --ca-tracking-footer: 0.05em;

  /* Spacing scale */
  --ca-space-xs: 4px;
  --ca-space-sm: 8px;
  --ca-space-md: 16px;
  --ca-space-lg: 24px;
  --ca-space-xl: 40px;
  --ca-space-2xl: 64px;

  /* Radius */
  --ca-radius-sm: 6px;
  --ca-radius-md: 10px;
  --ca-radius-lg: 16px;
}