/*
 * Access Gate System design tokens.
 *
 * Every visual value the gate uses is a custom property on :root. Nothing in
 * this file names a client, a brand or a product. A site overrides any token
 * through the appearance.tokens config map, which the renderer prints as an
 * inline :root block loaded after this file.
 *
 * Defaults are deliberately plain: dark slate ground, one accent, system fonts.
 */

:root {
    /* Surfaces */
    --ags-bg: #0f172a;
    --ags-surface: #1e293b;
    --ags-border: rgba(255, 255, 255, 0.08);
    --ags-border-accent: rgba(45, 108, 223, 0.45);

    /* Accent */
    --ags-accent: #2d6cdf;
    --ags-accent-hi: #5b8ff0;
    --ags-accent-grad: linear-gradient(135deg, #5b8ff0 0%, #2d6cdf 55%, #1b4290 100%);
    --ags-btn-grad: linear-gradient(135deg, #2d6cdf 0%, #2559b8 50%, #1b4290 100%);

    /* Type */
    --ags-text: #ffffff;
    --ags-text-muted: #c7d2e1;

    /*
     * Carries the compliance disclaimer and the marketing disclosure, so it
     * has to clear 4.5:1 on the surface colour. Do not drop the alpha below
     * 0.6 in a client override.
     */
    --ags-text-faint: rgba(255, 255, 255, 0.62);

    /*
     * Button label colour. Separate from --ags-text because a client may set
     * --ags-text to a muted body grey that cannot sit on the button gradient.
     */
    --ags-btn-text: #ffffff;
    --ags-font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --ags-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

    /* Shape and space */
    --ags-radius: 10px;
    --ags-radius-sm: 8px;
    --ags-max-width: 620px;
    --ags-pad-x: 28px;
    --ags-pad-y: 28px;

    /* Stacking */
    --ags-overlay-z: 2147483000;
}
