/*  DigiBizCard - shared brand tokens
 *
 *  Single source of truth for palette, type and spacing across BOTH the console
 *  (Pages/Shared/_Layout.cshtml) and the public pages, which were previously five
 *  standalone files with their own inline palettes.
 *
 *  Direction: the platform sells premium physical NFC cards. The system is built around a
 *  tactile product - warm neutrals rather than clinical greys, one ink-teal accent used
 *  sparingly, and depth via soft wide shadows rather than outlines.
 */
:root {
    /* spacing */
    --s1: 4px;
    --s2: 8px;
    --s3: 12px;
    --s4: 16px;
    --s5: 24px;
    --s6: 32px;
    --s7: 48px;
    --s8: 72px;

    /* warm neutrals - a true grey reads clinical next to a paper/metal subject */
    --bg:        #fbfbfa;
    --surface:   #ffffff;
    --raised:    #f6f6f4;
    --line:      #ebebe7;
    --line-soft: #f2f2ef;
    --ink:       #1a1a18;
    --ink-2:     #6b6b66;
    --ink-3:     #9a9a94;

    /* one accent: deep teal, closer to stationery ink than to a default UI blue */
    --accent:       #0f766e;
    --accent-hover: #115e56;
    --accent-tint:  #edf7f5;
    --accent-ring:  rgb(15 118 110 / .16);

    /* desaturated status set */
    --ok-fg:   #0f6146;  --ok-bg:   #eaf6f0;
    --warn-fg: #8a5a00;  --warn-bg: #fdf3e3;
    --bad-fg:  #a13434;  --bad-bg:  #fdeeee;
    --info-fg: #2a5b8a;  --info-bg: #eef4fa;
    --mute-fg: #5f5f5a;  --mute-bg: #f1f1ee;

    /* dark surface, shared by the console sidebar and the public hero */
    --ink-surface: #141413;
    --ink-surface-2: #1f1f1d;

    --radius:    10px;
    --radius-sm: 7px;
    --radius-lg: 16px;

    /* soft, wide, low-opacity - a physical card's shadow, not a 2px drop */
    --shadow:    0 1px 2px rgb(26 26 24 / .04), 0 2px 8px rgb(26 26 24 / .04);
    --shadow-md: 0 2px 4px rgb(26 26 24 / .05), 0 8px 24px rgb(26 26 24 / .07);
    --shadow-lg: 0 12px 32px rgb(26 26 24 / .12), 0 32px 64px rgb(26 26 24 / .10);

    --font-display: "Space Grotesk", Inter, -apple-system, sans-serif;
    --font-ui: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
}