/* CommonGround — color tokens */
:root{
/* Neutrals */
--white:#ffffff;
--off-white:#f5f5f5;
--grey-100:#ececec;
--grey-200:#e0e0e0;
--grey-400:#a3a3a3;
--grey-500:#8e8e93;
--grey-700:#4b4b4f;
--black:#0a0a0a;
/* Accents (Style direction 1 palette) */
--accent-red:#fb4a41;
--accent-purple:#c95bfa;
--accent-blue:#1383fe;
--accent-green:#4bbf6c;
--accent-yellow:#ffd11d;
--accent-pink:#ff5cc6;
/* Soft tints — for colorful surface fills (website departure: more color than the Figma black/white) */
--tint-red:#ffedec; /* @kind color */
--tint-purple:#f7ecfe; /* @kind color */
--tint-blue:#e7f2ff; /* @kind color */
--tint-green:#e9f7ed; /* @kind color */
--tint-yellow:#fff7d9; /* @kind color */
--tint-pink:#ffeaf7; /* @kind color */
/* Brand gradient (two sides blending into one agreement) */
--grad-blue:#b9cfe7;
--grad-yellow:#f3ca66;
--grad-orange:#fa9b57;
--grad-rose:#e6ae9e;
--gradient-brand:radial-gradient(120% 90% at 18% 68%,var(--grad-yellow) 0%,var(--grad-orange) 34%,var(--grad-rose) 58%,var(--grad-blue) 100%);
--gradient-brand-soft:radial-gradient(110% 85% at 40% 95%,#efa254 0%,#dcc18e 30%,#d4b1ab 55%,#bdcfe7 100%); /* @kind color */
/* Semantic */
--surface-page:var(--white);
--surface-subtle:var(--off-white);
--surface-card:var(--white);
--text-primary:var(--black);
--text-secondary:var(--grey-500);
--text-tertiary:var(--grey-400);
--text-inverse:var(--white);
--cta-bg:var(--black);
--cta-fg:var(--white);
--border-subtle:rgba(0,0,0,.08);
--focus-ring:var(--accent-blue);
/* Calendar / category colors */
--cat-handover:var(--accent-purple);
--cat-school:var(--accent-blue);
--cat-medical:var(--accent-red);
--cat-activity:var(--accent-green);
--cat-holiday:var(--accent-yellow);
--cat-other:var(--accent-pink);
}