/* Shared design tokens for the ported page CSS (Account, Admin, Landing, Match pages).
   Individual pages may still override these locally (e.g. Landing's --shadow-* drift
   slightly from the rest) - CSS custom properties cascade, so a page-scoped override
   on its root element wins for that page's subtree. */
:root {
    --primary: #12355b;
    --primary-dark: #0a2540;
    --secondary: #2f80ed;
    --secondary-rgb: 47, 128, 237; /* --secondary as channels, for rgba() tints */
    --accent: #19c3b3;
    --background: #f5f7fa;
    --surface: #ffffff;
    --text: #1f2933;
    --muted: #64748b;
    --border: #e2e8f0;
    --danger: #ef4444;
    --success: #22c55e;
    --success-rgb: 34, 197, 94; /* --success as channels, for rgba() tints */
    --success-soft: #dcfce7;
    --success-dark: #15803d; /* ink on success-soft backgrounds */
    --warning: #f59e0b;
    --warning-soft: #fef3c7;
    --locked: #94a3b8;

    --radius-xs: 0.75rem;
    --radius-sm: 1rem;
    --radius-md: 1.125rem;
    --radius-lg: 1.625rem;
    --radius-xl: 2.125rem;
    --radius-pill: 62.4375rem;

    --shadow-soft: 0 0.5rem 1.125rem rgba(15, 23, 42, 0.06);
    --shadow-card: 0 0.75rem 2rem rgba(15, 23, 42, 0.08);
}