/* ============================================================
   Sheridan Branding Kit — design tokens
   Drop into any app's :root. Pair with assets/fonts.css.
   ------------------------------------------------------------
   Palette is derived from the wordmark file (Sheridan blue
   #0b335e is the official ink) plus the cyan/rhodamine accents
   used across the CER suite. Greys + status colors are AA
   contrast-checked for use on white panels.
   ============================================================ */

:root {
    /* ---- Sheridan core ---------------------------------------- */
    --sheridan-blue:    #0b335e;   /* official wordmark ink (use sparingly, e.g. flat logo) */
    --blue:             #003767;   /* primary header / link blue */
    --blue-deep:        #002648;   /* gradient stop, left edge of header */
    --blue-edge:        #06467A;   /* gradient stop, right edge of header */
    --cyan:             #00B2CE;   /* accent — active tab underline, focus rings, primary action */
    --cyan-bright:      #33C1D8;   /* the 2px pipe between wordmark and sublabel */
    --cyan-tint:        #008EA5;   /* hover/pressed state for cyan */
    --rhodamine:        #D92880;   /* secondary accent — use rarely, never alongside cyan */

    /* ---- Greyscale (panels, borders, text muting) ------------- */
    --grey-1:           #f6f7f8;   /* page background */
    --grey-2:           #e7e9eb;   /* hairline borders, inactive pill bg */
    --grey-3:           #ccd0d4;
    --grey-4:           #8d949a;
    --grey-5:           #4a5056;   /* secondary body text */
    --ink:              #1e2125;   /* primary body text */
    --white:            #ffffff;

    /* ---- Status -------------------------------------------------*/
    --green:            #1f8a4c;
    --amber:            #b97408;
    --red:              #b3261e;
    --lime:             #C6D931;   /* bright yellow-lime; "New" onboarding accents */

    /* ---- Type --------------------------------------------------*/
    --font-body:        'ClassicGrotesque', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-head:        'Produkt', var(--font-body);

    /* ---- Shape -------------------------------------------------*/
    --radius:           6px;
    --shadow-1:         0 1px 2px rgba(0,0,0,0.05), 0 1px 3px rgba(0,0,0,0.1);
    --shadow-2:         0 4px 6px rgba(0,0,0,0.05), 0 10px 15px rgba(0,0,0,0.1);
}

/* ---- Baseline ---------------------------------------------- */
* { box-sizing: border-box; }
html, body {
    margin: 0;
    padding: 0;
    font-family: var(--font-body);
    color: var(--ink);
    background: var(--grey-1);
    font-size: 14px;
    line-height: 1.45;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
h1, h2, h3, h4 {
    font-family: var(--font-head);
    font-weight: 400;
    margin: 0 0 .5em;
}
a { color: var(--blue); }