/* =====================================================================
   STACON Design Tokens
   School colours pulled from the official crest/logo:
   navy, sky blue, gold and green. No gradients anywhere - flat,
   semi-transparent "glass" surfaces with blur are used instead.
   ===================================================================== */
:root {
    /* Brand colours */
    --navy: #16305c;
    --navy-dark: #0d1f3d;
    --sky: #21a7d0;
    --sky-dark: #1885a6;
    --gold: #f4bf00;
    --gold-dark: #cf9f00;
    --green: #0c8b51;
    --green-dark: #086a3e;

    /* Neutrals */
    --white: #ffffff;
    --ink: #101828;
    --body-text: #45526b;
    --muted: #6b7a94;
    --bg-soft: #f4f8fb;
    --border-soft: rgba(16, 40, 74, 0.10);

    /* Glass surfaces (no gradients - flat translucent colour + blur) */
    --glass-light-bg: rgba(255, 255, 255, 0.62);
    --glass-light-border: rgba(255, 255, 255, 0.55);
    --glass-dark-bg: rgba(13, 31, 61, 0.62);
    --glass-dark-border: rgba(255, 255, 255, 0.14);
    --glass-blur: 18px;
    --glass-shadow: 0 12px 34px rgba(13, 31, 61, 0.14);

    /* Radii & spacing */
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --section-y: 5.5rem;
    --section-y-sm: 3.25rem;

    /* Typography */
    --font-heading: 'Poppins', 'Segoe UI', sans-serif;
    --font-body: 'Inter', 'Segoe UI', sans-serif;
}