/*
 * Enverno client hub · design tokens.
 *
 * Client-facing values: the same ones the email cards use (src/model/brand.js,
 * brand kit v6, renderer 1.11.1), so a client who clicks "Open your portal" lands
 * somewhere that looks like the letter they just read.
 *
 * Names follow the Admin Hub (`--enverno-*`) where a token already exists. Where the
 * Hub or its /portal/ prototype disagree with the email system, the value here is the
 * email system's and the conflict is listed in README.md, "Where the sources disagree".
 */
:root {
  /* Brand */
  --enverno-pink: #ef0766;          /* Artwork, fills, the "." in the wordmark. Never small text. */
  --enverno-pink-text: #d90059;     /* Small pink text on white/paper (5.13:1) and the portal footer. */
  --enverno-pink-soft: #fff0f6;
  --enverno-ink: #171417;           /* Body text. */
  --enverno-ink-display: #161616;   /* Card titles and big numbers (FT.ink in the renderer). */
  --enverno-muted: #6e676b;         /* Secondary text (not the Hub UI's #666670). */
  --enverno-faint: #8a8486;         /* "Secure payment by" and other whispers. */
  --enverno-paper: #fbfaf9;         /* Warm page background (not the Hub UI's cool #f3f4f7). */
  --enverno-surface: #ffffff;
  --enverno-hair: #ebe6e9;          /* Card border. */
  --enverno-rule: #f0edeb;          /* Divider between action rows. */
  --enverno-divider: #e3dfdd;       /* Co-brand lockup divider. */
  --enverno-focus: #ef0766;

  /* Palette: one family per kind of moment. strong = button fill (white text),
     text = small labels, soft = tints and icon discs. */
  --plum: #8e2470;      --plum-soft: #fbeef6;     /* Agreements: sign. */
  --pine: #0b7a5b;      --pine-soft: #e7f6ef;     /* Money: pay, paid, invoices. */
  --ember: #c2410c;     --ember-soft: #fff1e6;    /* Proposed: travel and on-site days. */
  --lagoon: #0e6e8c;    --lagoon-soft: #e6f4f8;   /* Proposed: meetings and calendars. */
  --butter-text: #8a5a00; --butter-soft: #fff6d6; /* Proposed: highlight tint only, never a button. */
  --stripe-blurple: #635bff;                      /* Stripe's own colour. Only on Stripe's own surfaces. */

  /* Type */
  --font: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --text-body: 15px;      --leading-body: 1.65;
  --text-meta: 13px;      --leading-meta: 1.45;
  --text-title: 16px;     /* Action row title, weight 650. */
  --text-heading: 24px;   /* Card headline, weight 700, tracking -.02em. */
  --text-hero: 28px;      /* Steps headline and big facts (amounts), weight 700, tracking -.03em. */
  --text-display: 38px;   /* Pink band title, weight 600, tracking -.035em. */
  --label-size: 11px;     --label-tracking: .12em; /* Uppercase labels, weight 700. */

  /* Shape */
  --radius-button: 10px;  /* Rounded rectangles, never pills (Bryce, 2026-10-19). */
  --radius-card: 18px;
  --radius-mark: 10px;    /* Mark at 40px; the email spec is 13px corners at 46px. */
  --radius-chip: 999px;   /* Status chips only ("✓ Signed"). */
  --button-pad: 12px 18px;
  --button-min-width: 176px; /* All buttons in one card share the widest label's width. */
  --disc: 44px;           /* Icon disc in a row. Spotlight disc is 64px. */
  --card-max: 584px;      /* Email card width; a sensible max for a single action card on web. */

  /* Motion (Hub values) */
  --motion-fast: 120ms;
  --motion-base: 180ms;
  --ease-standard: cubic-bezier(.2, .7, .2, 1);

  color-scheme: light;
}