/* Paka - brand tokens, copied from the mobile app
   (PakaMobile: AztralMobile/wwwroot/css/sheets.css :root and
   wwwroot/js/map.js). Keep the values identical to the app; if one has to
   change, change it there too, or the site and the app drift apart.

   Fonts (Google Fonts, both cover Polish diacritics):
   https://fonts.googleapis.com/css2?family=Quicksand:wght@500;600;700&family=Baloo+2:wght@500;600;700&display=swap
*/

:root {
    /* Core palette */
    --pk-paper: #FFFDF7;        /* surfaces: cards, sheets, buttons' text on green */
    --pk-cream: #EFE6CF;        /* page ground, secondary surfaces, inactive pills */
    --pk-ink: #3B4046;          /* text, and every border */
    --pk-border: #3B4046;
    --pk-muted: #7A7F72;

    --pk-accent: #4E7A3E;       /* primary actions, section labels, success */
    --pk-accent-deep: #33512A;  /* the primary button's offset shadow, text on soft green */
    --pk-accent-soft: rgba(78, 122, 62, .16);
    --pk-on-accent: #FFFDF7;

    --pk-yellow: #EBB12F;       /* highlights, secondary call to action */
    --pk-yellow-deep: #A97A0E;  /* its offset shadow */

    --pk-danger: #a4342a;       /* destructive actions and errors only */

    /* Type */
    --pk-font-body: 'Quicksand', system-ui, -apple-system, sans-serif;
    --pk-font-display: 'Baloo 2', 'Quicksand', system-ui, sans-serif;

    /* Shape language - thick ink outlines and HARD offset shadows (no blur).
       These two are what make it look like Paka rather than a generic app. */
    --pk-border-width: 2.5px;          /* buttons, cards; 3px on large panels */
    --pk-shadow: 0 5px 0 rgba(59, 64, 70, .12);          /* cards, pills, quiet controls */
    --pk-shadow-primary: 0 5px 0 var(--pk-accent-deep);  /* green primary button */
    --pk-shadow-yellow: 0 5px 0 var(--pk-yellow-deep);
    --pk-shadow-ink: 0 4px 0 var(--pk-border);           /* banners floating over the map */

    --pk-radius-pill: 999px;   /* segmented switches, chips, small buttons */
    --pk-radius-btn: 22px;     /* large buttons */
    --pk-radius-card: 20px;
    --pk-radius-panel: 34px;   /* big sheets / hero panels (top corners in the app) */
}

/* Carrier colours - each pin is split vertically: left half / right half. */
:root {
    --carrier-inpost-l: #FFCB00;       --carrier-inpost-r: #D99400;
    --carrier-dpd-l: #BB0033;          --carrier-dpd-r: #424143;
    --carrier-dhl-l: #FFCC00;          --carrier-dhl-r: #D61621;
    --carrier-ups-l: #6E341E;          --carrier-ups-r: #FFB500;
    --carrier-gls-l: #003087;          --carrier-gls-r: #000F52;
    --carrier-fedex-l: #4D148C;        --carrier-fedex-r: #FF6600;
    --carrier-orlen-l: #E10226;        --carrier-orlen-r: #980234;
    --carrier-allegro-l: #FF5A00;      --carrier-allegro-r: #C22300;
    --carrier-pocztex-l: #F6F7F9;      --carrier-pocztex-r: #E30613;
}