/* Explain: Core theme design tokens and colour variables, updated for new branding. */
:root {
    /* Brand palette taken from the YT Consultancy deck + logo */
    --cyan: #00B0F0;
    --cyan-dark: #0090C8;
    --cyan-darker: #007FB0;
    --secondary-blue: #37A1CB;
    --dark-blue: #273C57;
    --dark-blue-soft: #32496A;
    --dark-blue-deep: #1E2F45;
    --body-grey: #595959;
    --grey-soft: #7A7A7A;
    --light-grey: #F4F6F8;
    --pure-white: #FFFFFF;

    /* Legacy alias tokens kept so every page stays consistent */
    --navy-dark: #1E2F45;
    --navy: #273C57;
    --navy-light: #32496A;
    --charcoal: #273C57;
    --charcoal-soft: #32496A;
    --slate: #595959;
    --slate-soft: #7A7A7A;
    --teal: #00B0F0;
    --teal-dark: #0090C8;
    --forest: #37A1CB;

    /* Semantic tokens */
    --primary-color: #273C57;
    --primary-hover: #32496A;
    --secondary-color: #00B0F0;
    --secondary-hover: #0090C8;
    --accent-color: #37A1CB;
    --background-color: #FFFFFF;
    --surface-color: #FFFFFF;
    --surface-alt: #F4F6F8;
    --text-color: #595959;
    --text-muted: #7A7A7A;
    --border-color: #E3E7EC;
    --font-heading: 'Source Sans 3', sans-serif;
    --font-body: 'Open Sans', sans-serif;
}