/* Explain: Theme tokens and color variables for site identity. */
:root {
    /* Brand identity derived from the Scopiq crane logo */
    --primary-color: #0B7BD3;
    --primary-hover: #0866B0;
    --primary-glow: rgba(11, 123, 211, 0.30);
    --primary-soft: rgba(11, 123, 211, 0.10);
    --accent-color: #F7941D;
    --accent-hover: #DA7F0C;
    --accent-soft: rgba(247, 148, 29, 0.14);
    --gold-color: #F7941D;
    --logo-subtitle-color: #F7941D;
    --button-color: #0B7BD3;

    /* Surfaces */
    --background-color: #FFFFFF;
    --paper-color: #F7F9FC;
    --surface-color: #EDF2F8;
    --secondary-color: #E2ECF7;
    --terracotta-soft: rgba(247, 148, 29, 0.12);

    /* Dark / blueprint */
    --navy-900: #04182A;
    --navy-800: #072238;
    --navy-700: #0A2E4A;
    --navy-line: rgba(120, 175, 225, 0.18);

    /* Text */
    --text-color: #0D1620;
    --text-muted: #5A6B7C;

    /* Lines & glass */
    --border-color: rgba(13, 22, 32, 0.12);
    --line-color: rgba(11, 123, 211, 0.16);
    --glass-bg: rgba(255, 255, 255, 0.78);
    --glass-border: rgba(11, 123, 211, 0.20);
    --nav-bg: rgba(255, 255, 255, 0.86);
    --field-bg: rgba(255, 255, 255, 0.94);
    --sage-soft: rgba(11, 123, 211, 0.10);
    --sage-dark: #0866B0;

    /* Footer */
    --footer-bg: #04182A;
    --footer-text: #C6D6E4;
    --footer-muted: #7B92A6;

    /* Shadows */
    --shadow-soft: 0 26px 70px rgba(4, 24, 42, 0.12);
    --shadow-button: 0 16px 34px rgba(11, 123, 211, 0.30);

    /* Type */
    --font-heading: 'Space Grotesk', 'Cairo', sans-serif;
    --font-body: 'Manrope', 'Cairo', sans-serif;
    --font-logo: 'Space Grotesk', 'Cairo', sans-serif;
}