/* SPARK (boje i font sa sparkshare.eu): samo vrijednosti tokena; raspored i komponente su u css/ws.css */

/* Saira s našeg servera (wwwroot/fonts/saira): varijabilni font 400–700 preuzet s Google Fonts (v23), licenca SIL OFL 1.1.
   Samo podskupovi latin i latin-ext (č ć đ š ž); unicode-range je prepisan iz Googleovog CSS-a. */
@font-face {
    font-family: "Saira";
    font-style: normal;
    font-weight: 400 700;
    font-stretch: 100%;
    font-display: swap;
    src: url("../../fonts/saira/saira-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: "Saira";
    font-style: normal;
    font-weight: 400 700;
    font-stretch: 100%;
    font-display: swap;
    src: url("../../fonts/saira/saira-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 {
    --ws-font-sans: "Saira", system-ui, -apple-system, "Segoe UI", sans-serif;
    --ws-chrome: #0f0f0f;
    --ws-chrome-2: #151515;
    --ws-chrome-soft: #d5dad7;
    --ws-chrome-muted: #b4b4b4;
    /* uvod početne (ws-hero u HTML-u iz baze): zeleni sjaj na ugljenu, kao na sparkshare.eu */
    --ws-hero-bg: radial-gradient(85% 120% at 82% 42%, #0f4b34 0%, #0c2a1f 34%, #0f0f0f 70%);
    /* gumb za akciju: zelena sa sparkshare.eu uvijek s tamnim tekstom (10,2:1); bijeli tekst na njoj je 1,9:1 */
    --ws-accent: #06d889;
    --ws-accent-hover: #05c27b;
    --ws-accent-ink: #0f0f0f;
    /* linkovi, cijene i oznake na svijetloj podlozi (5,4:1 na bijelom) */
    --ws-accent-text: #067a55;
    --ws-accent-soft: #e2f6ec;
    --ws-accent-on-dark: #06d889;
    --ws-highlight: #ffd000;
    --ws-highlight-ink: #1d1d1d;
    --ws-canvas: #f4f6f5;
    --ws-surface-2: #ecf0ee;
    --ws-ink: #151816;
    --ws-line: #e0e5e2;
    --ws-field: #c5cdc9;
    /* privremeni znak (munja u bojama loga) dok ne stigne originalni SVG loga */
    --ws-logo-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23FFD000'/%3E%3Cstop offset='.55' stop-color='%23FFA100'/%3E%3Cstop offset='1' stop-color='%23ED9600'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M24 2 7.5 23h10.5l-3.5 15 18-22.5H22Z' fill='url(%23g)'/%3E%3C/svg%3E");
    --ws-logo-mark-size: 30px;
    /* DevExpress Fluent: naglasak #067a55 na nijansi 90 (skala po profilu svjetline Fluent plave) */
    --dxbl-accent-color-10: #e8f1ec;
    --dxbl-accent-color-20: #cfe3d9;
    --dxbl-accent-color-30: #b5d6c5;
    --dxbl-accent-color-40: #9ac9b2;
    --dxbl-accent-color-50: #7dbc9e;
    --dxbl-accent-color-60: #5fae8b;
    --dxbl-accent-color-70: #3da179;
    --dxbl-accent-color-80: #0f9468;
    --dxbl-accent-color-90: #067a55;
    --dxbl-accent-color-100: #04714f;
    --dxbl-accent-color-110: #036243;
    --dxbl-accent-color-120: #045339;
    --dxbl-accent-color-130: #02442e;
    --dxbl-accent-color-140: #023623;
    --dxbl-accent-color-150: #01281a;
    --dxbl-accent-color-160: #011b10;
    --dxbl-accent-color-170: #010f08;
}