/* RADKAP: samo vrijednosti tokena; raspored i komponente su u css/ws.css.
   Naglasak je tamnija narančasta #c2410c s bijelim tekstom (kontrast 5,2:1); narančasta s ratkape.com (#ff6b00) ostaje samo na
   tamnoj podlozi (zaglavlje, uvod), jer bijeli tekst na njoj nije čitljiv (2,9:1). Zaglavlje je crno kao i do sada. */

:root {
    --ws-font-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
    --ws-chrome: #0b0b0c;
    --ws-chrome-2: #16181a;
    --ws-chrome-soft: #d9dbdd;
    --ws-chrome-muted: #b7bbbe;
    /* uvod početne: tamna podloga s narančastim odsjajem desno */
    --ws-hero-bg: radial-gradient(85% 120% at 82% 42%, #5c2a08 0%, #2a170a 34%, #0b0b0c 70%);
    --ws-accent: #c2410c;
    --ws-accent-hover: #a8380a;
    --ws-accent-ink: #ffffff;
    /* poveznice i sitni naglašeni tekst na svijetloj podlozi (5,6:1 na bijelom) */
    --ws-accent-text: #b83f00;
    --ws-accent-soft: #fff0e5;
    --ws-accent-on-dark: #ff6b00;
    /* oznaka Akcija je tamna, da se razlikuje od narančastih gumba */
    --ws-highlight: #16130f;
    --ws-highlight-ink: #ffffff;
    --ws-canvas: #f5f5f4;
    --ws-surface-2: #efeeec;
    --ws-ink: #1a1918;
    --ws-muted: #5e5b58;
    --ws-line: #e4e2e0;
    --ws-field: #cfccc9;
    /* znak uz naziv: mala ratkapa (srebrni disk s pet krakova, narančasto središte) 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='s' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23F4F5F6'/%3E%3Cstop offset='.5' stop-color='%23C4C9CE'/%3E%3Cstop offset='1' stop-color='%23858C93'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='20' cy='20' r='19' fill='url(%23s)'/%3E%3Ccircle cx='20' cy='20' r='17.3' fill='none' stroke='%235E656C' stroke-opacity='.55'/%3E%3Cpath d='M22.60 5.23A15.0 15.0 0 0 1 33.25 12.96L26.59 15.12A8.2 8.2 0 0 0 22.60 12.22ZM34.85 17.91A15.0 15.0 0 0 1 30.79 30.42L26.67 24.76A8.2 8.2 0 0 0 28.20 20.07ZM26.58 33.48A15.0 15.0 0 0 1 13.42 33.48L17.53 27.82A8.2 8.2 0 0 0 22.47 27.82ZM9.21 30.42A15.0 15.0 0 0 1 5.15 17.91L11.80 20.07A8.2 8.2 0 0 0 13.33 24.76ZM6.75 12.96A15.0 15.0 0 0 1 17.40 5.23L17.40 12.22A8.2 8.2 0 0 0 13.41 15.12Z' fill='%23141517' stroke='%23141517' stroke-width='1.2' stroke-linejoin='round'/%3E%3Ccircle cx='20' cy='20' r='6.4' fill='none' stroke='%235E656C' stroke-opacity='.5' stroke-width='.8'/%3E%3Ccircle cx='20' cy='20' r='4.4' fill='%23FF6B00'/%3E%3C/svg%3E");
    --ws-logo-mark-size: 30px;
    /* DevExpress Fluent: naglasak #c2410c na nijansi 90 */
    --dxbl-accent-color-10: #faeae5;
    --dxbl-accent-color-20: #f8d7cc;
    --dxbl-accent-color-30: #f8c1b0;
    --dxbl-accent-color-40: #f6ac95;
    --dxbl-accent-color-50: #f59476;
    --dxbl-accent-color-60: #f17d58;
    --dxbl-accent-color-70: #ed6437;
    --dxbl-accent-color-80: #e44d0c;
    --dxbl-accent-color-90: #c2410c;
    --dxbl-accent-color-100: #b43b09;
    --dxbl-accent-color-110: #9c3206;
    --dxbl-accent-color-120: #852a05;
    --dxbl-accent-color-130: #6e2002;
    --dxbl-accent-color-140: #571701;
    --dxbl-accent-color-150: #421000;
    --dxbl-accent-color-160: #2d0801;
    --dxbl-accent-color-170: #1a0401;
}