/* ============================================================
   base.css — Design tokens, element resets, typography
   ============================================================ */

/* --- Design tokens (CSS custom properties) ----------------- */
:root {
    /* Primary — Avireo navy, taken from avireo-logo.svg (#011e4d) */
    --c-primary:               #011e4d;
    --c-primary-container:     #1b4d94;  /* hover + gradient end stop */
    --c-on-primary:            #ffffff;
    --c-primary-fixed:         #dbe3f0;  /* pale navy tint */
    --c-on-primary-fixed:      #011e4d;
    --c-on-primary-fixed-var:  #01285f;
    --c-primary-rgb:           1, 30, 77;

    /* Tertiary */
    --c-tertiary:              #006d2c;
    --c-tertiary-container:    #008939;
    --c-on-tertiary:           #ffffff;
    --c-on-tertiary-container: #ffffff;
    --c-tertiary-fixed:        #89fa9b;

    /* Accent — Avireo gold, taken from avireo-logo.svg (#b98c4b).
       Public marketing pages only; the app keeps tertiary green for success states. */
    --c-accent:                #b98c4b;  /* decorative fills, particles, tints */
    --c-accent-strong:         #8a6531;  /* text/icons and filled buttons (AA on white) */
    --c-accent-fixed:          #f4e9d8;  /* pale gold wash */
    --c-accent-light:          #d9b57c;  /* gold on dark navy surfaces */
    --c-accent-rgb:            185, 140, 75;

    /* Error */
    --c-error:                 #ba1a1a;
    --c-on-error:              #ffffff;
    --c-error-container:       #fdeced;

    /* Surface hierarchy */
    --c-surface:               #f8f9fa;
    --c-surface-bright:        #f8f9fa;
    --c-surface-low:           #f3f4f5;
    --c-surface-lowest:        #ffffff;
    --c-surface-container-low:  #f3f4f5;  /* alias of --c-surface-low */
    --c-surface-container:      #eef0f2;
    --c-surface-container-high: #e8eaec;  /* hover surface */

    /* Content */
    --c-on-surface:            #191c1d;
    --c-on-surface-var:        #414754;
    --c-on-surface-variant:    #414754;  /* alias of --c-on-surface-var */

    /* Outline */
    --c-outline:               #6f7580;
    --c-outline-var:           #c1c6d6;
    --c-outline-variant:       #c1c6d6;  /* alias of --c-outline-var */

    /* Layout */
    --max-w:      1536px;
    /* Content column shared by every public page except the homepage.
       The pricing grid is the one deliberate exception and runs wider. */
    --public-w:   52rem;
    --nav-h:      72px;
    --cal-slot-h: 56px;
}

/* --- Element resets & defaults ----------------------------- */
*, *::before, *::after {
    box-sizing: border-box;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--c-surface);
    color: var(--c-on-surface);
    margin: 0;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, .font-headline {
    font-family: 'Manrope', sans-serif;
}

p { margin: 0; }

ul, ol { margin: 0; padding: 0; }

button { font-family: inherit; }