/*
 * QIC Pay Portal — core design tokens.
 * Single source of truth for brand colors, shared by every app area (rt, ds, sd, admin).
 * Change a color here and it updates everywhere that links this file — do not redefine
 * these tokens locally in an area's own stylesheet.
 *
 * Values match the marketing site (repo root index.html) and portal/design/README.md.
 */
:root {
    --p: #111569;      /* primary brand indigo */
    --pd: #0d0f52;     /* primary deep (gradients, headers) */
    --pl: #e3e4f4;     /* primary soft background/border */
    --pm: #4d54ab;     /* accent indigo (labels, links, sub-text) */

    --g: #33780d;       /* green (success, positive values) */
    --gd: #235607;       /* green deep */
    --gl: #e4f0dd;       /* green soft background */
    --gm: #6ca944;      /* green mid */

    --bg: #eaf3fb;      /* page background */
    --card: #fff;       /* card surface */
    --border: #dfeafd;  /* default border */
    --text: #1c3a63;    /* primary text */
    --muted: #5d6a86;   /* secondary text */

    /* status colors -- not part of the marketing site palette, standardized here */
    --amber: #b45309;
    --amber-soft: #fef3c7;
    --red: #b91c1c;
    --red-soft: #fde8e8;
}

/*
 * WebView-safety resets -- shared by every area since this file is loaded everywhere.
 * rt/ds/sd ship inside a Capacitor Android app (a single WebView, no browser chrome), so
 * these matter there most, but they're harmless no-ops on a normal desktop browser too.
 */
html, body {
    overscroll-behavior-y: contain;
}
a, button {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
a, button, input, select {
    touch-action: manipulation;
}