/* Papa AI — design tokens
   Import this file and use the variables. Primitives up top, semantic roles below.
   Rule of thumb: text and the logo are Ink, Clay is only for CTAs/links/highlights,
   everything else is a warm neutral. */

:root {
  /* Core */
  --papa-ink: #201B17;
  --papa-bone: #F4EEE3;

  /* Warm neutrals */
  --papa-cloud: #FBF8F2;     /* raised surfaces, cards */
  --papa-sand: #EBE2D2;      /* quiet fills, section bands */
  --papa-stone: #DBD0BD;     /* borders, dividers */
  --papa-taupe: #8A7F70;     /* muted / secondary text */
  --papa-graphite: #4B4239;  /* body text */

  /* Clay accent */
  --papa-clay-soft: #EFD8C8; /* tints, badges, highlight backgrounds */
  --papa-clay: #A85438;      /* CTAs, links, active */
  --papa-clay-deep: #7F3D28; /* hover, pressed, accent text on light */

  /* Semantic roles (prefer these in product code) */
  --papa-text: var(--papa-ink);
  --papa-text-body: var(--papa-graphite);
  --papa-text-muted: var(--papa-taupe);
  --papa-bg: var(--papa-bone);
  --papa-surface: var(--papa-cloud);
  --papa-fill: var(--papa-sand);
  --papa-border: var(--papa-stone);
  --papa-accent: var(--papa-clay);
  --papa-accent-hover: var(--papa-clay-deep);
  --papa-accent-tint: var(--papa-clay-soft);

  /* Type: Hanken Grotesk, weights only */
  --papa-font: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  --papa-weight-regular: 400; /* body */
  --papa-weight-medium: 500;  /* the "AI" in the wordmark */
  --papa-weight-bold: 700;    /* subheads */
  --papa-weight-extrabold: 800; /* the name */
}