@charset "utf-8";
/*
 *  Dealer Service Loyalty Program - shared design tokens
 *
 *  THE one source of colour, radius, shadow and easing for every page that has been
 *  rebuilt off Telerik / INSPINIA. Link it BEFORE the page's own stylesheet:
 *
 *      <link href="Content/css/dv-tokens.css?v=2" rel="stylesheet">
 *      <link href="Content/css/dv-page.css?v=N"   rel="stylesheet">   (rebuilt pages on Site.Master)
 *      <link href="Content/css/<page>.css?v=N"     rel="stylesheet">
 *
 *  House rules for anything that consumes these:
 *   - Prefix every class dv- so nothing collides with Bootstrap 3 or style.css.
 *   - Font sizes in px, never rem: bootstrap.min.css sets html{font-size:10px}, so a
 *     rem-based size renders at 62.5% of what you meant.
 *   - Reference a token as var(--dv-x, <literal>) with the literal fallback, so a
 *     stale or missing stylesheet degrades to the right colour instead of to nothing.
 *   - Bump the ?v= on the <link> every time a stylesheet changes. This app serves stale
 *     CSS aggressively; a half-styled page is the cache, not a bug.
 *
 *  Bump the version below when a token VALUE changes, so consumers can see it moved.
 *  Tokens: v2  (v2, 2026-09-10: added --dv-line-soft)
 */

:root {
    /* brand */
    --dv-navy:       #0055a5;
    --dv-navy-dark:  #003f7d;
    --dv-navy-deep:  #002a53;
    --dv-red:        #ee3a43;

    /* text */
    --dv-ink:        #16212c;
    --dv-body:       #4d5966;
    --dv-muted:      #78838f;

    /* surfaces + lines */
    --dv-line:       #dfe5ec;
    --dv-line-soft:  #edf1f5;   /* hairlines between grid rows */
    --dv-surface:    #ffffff;
    --dv-surface-alt:#f4f7fa;

    /* shape */
    --dv-radius:     14px;
    --dv-radius-sm:  10px;

    /* elevation */
    --dv-shadow-sm:  0 1px 2px rgba(16, 34, 51, .06), 0 2px 8px rgba(16, 34, 51, .06);
    --dv-shadow-md:  0 4px 12px rgba(16, 34, 51, .08), 0 12px 32px rgba(16, 34, 51, .10);
    --dv-shadow-lg:  0 18px 60px rgba(6, 20, 35, .42);

    /* motion */
    --dv-ease:       cubic-bezier(.2, .7, .3, 1);
}