/* tropical coco brand primitives. Shared by papaya and the admin.
   Faces are self-hosted, so no request ever leaves for a font. */

@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter-latin.woff2") format("woff2");
    font-weight: 400 600;
    font-style: normal;
    font-display: swap;
    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: "Inter";
    src: url("../fonts/Inter-latin-ext.woff2") format("woff2");
    font-weight: 400 600;
    font-style: normal;
    font-display: swap;
    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: "Space Grotesk";
    src: url("../fonts/SpaceGrotesk-latin.woff2") format("woff2");
    font-weight: 500 700;
    font-style: normal;
    font-display: swap;
    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: "Space Grotesk";
    src: url("../fonts/SpaceGrotesk-latin-ext.woff2") format("woff2");
    font-weight: 500 700;
    font-style: normal;
    font-display: swap;
    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;
}

:root {
    color-scheme: light;

    /* Surfaces, warm rather than grey so they sit with the brand green. */
    --paper: #f3f1f0;
    --panel: #fdfcfc;
    --inset: #eceae8;
    --line: #ddd8d5;
    --line-firm: #c9c2bd;

    /* Text */
    --ink: #3b3939;
    --green: #0f302e;
    --green-lift: #164541;
    --muted: #7a7674;

    /* Papaya measures about 1.8:1 on paper, far below the 4.5:1 text needs.
       It is a FILL only, always with green text on it. Use --papaya-deep
       wherever the accent has to be text or an icon. */
    --papaya: #f5a45c;
    --papaya-hover: #eb9647;
    --papaya-deep: #a85f18;
    --papaya-wash: #fbeee0;

    /* Admin table shading. Warm, to sit with the paper surface. */
    --darkened-bg: #eceae8;
    --selected-row: #fdf5ec;

    /* Active, and only that. Built like the papaya pill it sits beside: a pale
       wash with deep text on it, never a solid block. #83AF8B is the hue it is
       derived from; as a fill it was heavier than everything around it. The
       wash and its ink measure 5.55:1. */
    --sage: #83af8b;
    --sage-wash: #edf3ee;
    --sage-deep: #3d6b46;

    /* One red, for both meanings: a destructive action and a failed publish.
       Two reds this close would read as the same colour and drift apart in
       use. 4.90:1 with white on it, 4.79:1 as text on a panel. */
    --clay: #bb4d4d;
    --clay-wash: #faecec;
    --clay-ink: #8a3636;

    /* Chart marks. The brand green is nearly black and reads as grey at chart
       sizes, so a lighter, more saturated relative of it carries the second
       slot. Assigned in this order and never cycled. The pair clears the
       lightness band, the chroma floor, colourblind separation and contrast
       against the panel; changing either value means checking that again. */
    --chart-1: #a85f18;
    --chart-2: #009281;

    /* Status is its own scale and never borrows a chart slot: a colour that
       means "series two" cannot also mean "good". Both clear 4.5:1 on a panel,
       so they are legible as text. */
    --good: #12695d;
    --bad: var(--clay);

    --display: "Space Grotesk", system-ui, sans-serif;
    --ui: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

    --r: 4px;
    --shadow: 0 1px 2px rgba(15, 48, 46, 0.05), 0 6px 20px rgba(15, 48, 46, 0.06);
}