/* ===================================
   CIFERA CORPORATE TOKENS
   Shared by /connect and the /next iPad experience.
   Source of truth: docs/CIFERA_BRAND_DNA.md
   (derived from the approved CIFERA POSTER A2.pdf)
   =================================== */

:root {
    /* Colour. From the posters: pure black field and the near-black #0b0c0e */
    --cf-black: #000000;
    --cf-ink: #0b0c0e;
    --cf-white: #ffffff;

    /* Implementation: white at fixed opacities for UI hierarchy */
    --cf-text: #ffffff;
    --cf-text-2: rgba(255, 255, 255, 0.8);
    --cf-text-3: rgba(255, 255, 255, 0.6);
    --cf-line: rgba(255, 255, 255, 0.14);
    --cf-line-strong: rgba(255, 255, 255, 0.34);

    /* Implementation: focus is white, never a new accent colour */
    --cf-focus: #ffffff;

    /* Type. From the posters: Montserrat Thin, ExtraLight and Light */
    --cf-font: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --cf-weight-thin: 100;
    --cf-weight-display: 200;
    --cf-weight-light: 300;
    /* Implementation: Regular only for small UI text where Light gets too faint */
    --cf-weight-ui: 400;

    /* From the posters: display leading 1.39, used here as 1.3 for screen */
    --cf-leading-display: 1.3;
    --cf-tracking-label: 0.28em;

    /* From the posters: 10% side margins on a portrait sheet */
    --cf-margin: 10vw;

    /* Motion. Implementation: slow, eased, no bounce */
    --cf-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
    --cf-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --cf-dur-1: 180ms;
    --cf-dur-2: 420ms;
    --cf-dur-3: 900ms;

    /* Shape */
    --cf-radius: 2px;
    --cf-target: 56px;
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --cf-dur-1: 1ms;
        --cf-dur-2: 1ms;
        --cf-dur-3: 1ms;
    }
}