/* Aristoqle brand tokens, taken from the product's admin stylesheet (aristoqle.css).
   Every text/background pair used at small sizes meets WCAG AA 4.5:1.
   Rule of thumb: gold as a FILL is --brand-gold; gold as TEXT on white is --brand-gold-ink. */

@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url('fonts/manrope-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url('fonts/manrope-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    /* Brand */
    --brand-gold:        #A5893C;  /* primary button, accents, focus */
    --brand-gold-hover:  #967C34;
    --brand-gold-ink:    #8D7332;  /* gold as text on white */
    --brand-gold-ink-2:  #7A6329;  /* gold as text on tinted panels */
    --brand-gold-soft:   #C9A752;
    --brand-cream:       #E9E0CB;
    --brand-taupe:       #6D6155;  /* dark brand surface (the app's sidebar) */
    --brand-taupe-hover: #5F544A;
    --brand-charcoal:    #2C261E;

    /* Surfaces */
    --canvas:        #EFE9DD;      /* page background */
    --surface:       #FFFFFF;
    --surface-sunk:  #FAF7F1;
    --surface-top:   #F5F1E8;
    --paper:         #F3ECDB;      /* callout */
    --paper-border:  rgba(165,137,60,.4);

    /* Ink */
    --ink:        #2C261E;
    --ink-2:      #6F6759;         /* body / helper: the minimum muted tone for small text */
    --ink-3:      #7D745F;         /* uppercase micro-labels */
    --ink-label:  #4A4238;
    --ink-soft:   #5C5346;

    /* Lines */
    --hairline:        #E6DFD0;
    --hairline-strong: #D8CFBD;
    --divider:         #ECE5D7;

    /* Functional */
    --danger:   #9C3A31;
    --success:  #2F7A3A;

    /* Geometry */
    --radius-ctrl: 8px;
    --radius-card: 10px;
    --radius-pill: 20px;
    --focus-ring:  0 0 0 3px rgba(165,137,60,.16);

    /* Type */
    --font: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* ---- Marketing site additions (24 September 2026) -------------------------------------------
   The site's editorial look: a display face for headings and two more surfaces. The app does not
   use these. Montserrat (SIL Open Font License), variable weight 400 to 700 with true italics,
   self-hosted like Manrope. Montserrat is the face of the wordmark ("ARISTOQLE") and of the slogan
   under it, so the headings speak the logo's own language. (Instrument Serif and Instrument Sans
   were tried the same day and set aside: the serif read as a museum, the sans matched nothing.) */

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('fonts/montserrat-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('fonts/montserrat-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 400 700;
    font-display: swap;
    src: url('fonts/montserrat-italic-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Montserrat';
    font-style: italic;
    font-weight: 400 700;
    font-display: swap;
    src: url('fonts/montserrat-italic-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    --brand-night: #1F1B16;  /* the deepest surface: home hero, closing band, footer */
    --brand-sand:  #DCCBA4;  /* the tan panel: a shade deeper than --brand-cream */
    --font-display: 'Montserrat', 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* Activity icons (brand/icons): 24x24 line icons, 1.8px strokes in taupe #77695E with one
   gold #B48C32 accent each, for light surfaces. brand/icons-white is the same artwork with white
   strokes, for taupe or charcoal surfaces. */