/* Design tokens, read off the site's own Elementor kit (#14746) rather than
   invented, so the rebuild starts from the colours already in use. */
:root {
    /* Colour — this is a dark site: near-black navy ground, periwinkle accent. */
    --scc-bg:            #080A1D;  /* kit: Primary / Main-bg */
    --scc-bg-deep:       #000110;  /* kit: Secondary / bg-2 */
    --scc-bg-blue:       #01005D;  /* kit: bg-1 */
    --scc-surface:       #26284C;  /* kit: Accent 2 */
    --scc-surface-alt:   #1D2849;  /* kit: Accent 2 (second) */
    --scc-accent:        #9EA2EF;  /* kit: Accent */
    --scc-text:          rgba(255, 255, 255, 0.9);  /* kit: #FFFFFFE5 */
    --scc-text-strong:   #FFFFFF;
    --scc-text-muted:    rgba(255, 255, 255, 0.65);
    --scc-line:          rgba(255, 255, 255, 0.14);

    /* Type — VK Sans Display, the kit's body face, at its 18px base. */
    --scc-font: "VK Sans Display", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --scc-weight-regular: 400;
    --scc-weight-bold: 700;

    /* Fluid scale: minimum at 375px, maximum at the kit's 1440px container. */
    --scc-text-body:   clamp(1rem, 0.95rem + 0.2vw, 1.125rem);
    --scc-text-small:  clamp(0.8125rem, 0.78rem + 0.15vw, 0.9375rem);
    --scc-text-h1:     clamp(1.875rem, 1.2rem + 2.8vw, 3.25rem);
    --scc-text-h2:     clamp(1.5rem, 1.1rem + 1.8vw, 2.5rem);
    --scc-text-h3:     clamp(1.25rem, 1rem + 1.1vw, 1.75rem);

    /* Space */
    --scc-container:   1440px;
    --scc-gutter:      clamp(1.25rem, 0.5rem + 3vw, 2.1875rem); /* kit header padding is 35px */
    --scc-section-y:   clamp(2.5rem, 1.5rem + 4vw, 5rem);

    --scc-radius:      10px;
    --scc-header-h:    96px;
}