/* Design tokens: brand palette and semantic variables */

:root {
  /* Brand palette (edit in one place) */
  --brand: #A3FA4C;         /* primary */
  --brand-2: #37D67A;       /* secondary */
  --ink: #0f172a;           /* dark text (no pure black) */
  --ink-2: #334155;         /* muted text */
  --bg-1: #f6f8fb;          /* page background */

  /* Glass tokens */
  --glass-bg: rgba(255, 255, 255, 0.6);
  --glass-stroke: rgba(255, 255, 255, 0.45);
  --glass-shadow: 0 10px 30px rgba(15, 23, 42, 0.10);

  /* Semantic tokens used across the theme */
  --color-primary: var(--brand);
  --color-primary-rgb: 163, 250, 76; /* RGB values for #A3FA4C */
  --color-secondary: var(--brand-2);
  --color-black: var(--ink);
  --color-white: #FAFAFA;
  --color-white-soft: #DCDCDC;
  --color-text: var(--ink);
  --color-text-muted: var(--ink-2);
  --color-page-bg: var(--bg-1);
}