/* Brand tokens, from limonysal502.com (docs/research/limonysal-brand.md, Colors and Fonts). */

:root {
  /* Brand */
  --brand: #F26F67;          /* coral: buttons, selected surfaces, accents */
  --brand-deep: #E85A52;     /* pressed coral */
  --brand-ink: #C8423B;      /* coral deep enough for text on cream (4.6:1) */
  --brand-soft: #FCE4DF;
  --on-brand: #0A1A3A;       /* navy on coral (5.9:1); white on coral fails */
  --lime: #D1E02F;           /* the lemon in the logo: selected and highlight */
  --lime-deep: #788018;      /* leaf green from the logo */
  --navy: #0A1A3A;           /* the wordmark: tab bar, dark cards */
  --navy-2: #16294F;
  --blush: #FAE8E0;

  /* Surfaces */
  --bg: #FFF8F4;
  --paper: #FAE8E0;
  --card: #FFFFFF;
  --ink: #0A1A3A;
  --muted: #5E6478;
  --line: #F1DCD3;
  --field: #FFFFFF;
  --success: #2E7D4F;

  /* Type: Unbounded stands in for Lulo Clean (wide caps), Yellowtail for
     Reklame Script, Archivo for the Helvetica / DIN body copy. */
  --font-display: "Unbounded", "Arial Black", sans-serif;
  --font-body: "Archivo", system-ui, -apple-system, sans-serif;
  --font-script: "Yellowtail", "Brush Script MT", cursive;

  /* Shape */
  --radius: 14px;
  --radius-lg: 20px;
  --shadow: 0 6px 18px rgba(10, 26, 58, .10);
  --tabbar-h: 62px;

  /* Desktop stage around the phone */
  --stage-bg: #0A1A3A;
  --stage-glow-1: rgba(242, 111, 103, .45);
  --stage-glow-2: rgba(209, 224, 47, .18);
  --stage-ink: #FFF8F4;
  --stage-muted: rgba(255, 248, 244, .66);
  --stage-card: rgba(255, 255, 255, .05);
  --stage-line: rgba(255, 255, 255, .1);
  --stage-chip: rgba(255, 255, 255, .07);
  --stage-chip-hover: rgba(255, 255, 255, .14);

  /* The site is flat white and coral; no paper texture, just a clean wash. */
  --paper-grain: linear-gradient(transparent, transparent);
}