/* OpalSketch design tokens (the brand kit: brand/index.html). --os-* are the names to use; the --veyra-* names are kept for older files. */
:root{
  --os-pink: #f7769c;        /* the mark and "Sketch" in the logo */
  --os-charcoal: #2b3137;    /* "Opal" in the logo, dark surfaces */
  --os-rose: #c93b6a;        /* actions and links (4.9:1 on white) */
  --os-deep-rose: #b8305c;   /* hover, small rose text on Mist */
  --os-wine: #8a1f49;        /* the deepest tone, theme color */
  --os-blush: #ffb3c9;       /* the logo's pink on dark */
  --os-petal: #f08fb0;       /* illustration, never text */
  --os-mist: #fff0f4;        /* soft fills */
  --os-stone: #f6f7f6;       /* page background */
  --os-ink: #1f2429;         /* text */
  --os-white: #ffffff;
  --os-blue: #2f6fed;
  --os-ok: #1f7a4d;
  --os-amber: #b7791f;
  --os-violet: #7a45d1;
  --os-danger: #b3372f;
  --os-font-ui: Geist, Inter, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --os-font-logo: Outfit, Geist, sans-serif;   /* the wordmark is outlined in the logo files: use them */
  --os-radius-field: 12px;
  --os-radius-card: 18px;
  --os-radius-app: 14px;
  --os-radius-pill: 999px;
  /* older names */
  --veyra-logo: var(--os-pink); --veyra-ink: var(--os-ink); --veyra-forest: var(--os-deep-rose); --veyra-green: var(--os-rose); --veyra-jade: var(--os-petal);
  --veyra-mint: var(--os-blush); --veyra-mist: var(--os-mist); --veyra-stone: var(--os-stone); --veyra-white: var(--os-white); --veyra-blue: var(--os-blue);
  --veyra-ok: var(--os-ok); --veyra-amber: var(--os-amber); --veyra-violet: var(--os-violet); --veyra-danger: var(--os-danger); --veyra-font-ui: var(--os-font-ui);
  --veyra-radius-sm: 10px; --veyra-radius-md: var(--os-radius-app); --veyra-radius-pill: var(--os-radius-pill);
}