/**
 * Diskgolf.si V2 — tokeni vizualnega sistema (design system »Diskgolf.si«).
 * Edini vir barv, razmikov, radijev in višin kontrol za temo. Portal (assets/styles.css)
 * ima enake privzete vrednosti, da deluje tudi brez teme. Ime = --dg- + ime žetona.
 */

/**
 * Inter (variabilna, 400–900, Latin + Latin Extended-A), gostovana v temi.
 * Licenca: SIL Open Font License 1.1 (assets/fonts/Inter-OFL.txt).
 * »Inter Fallback« = Arial z metrikami Inter, da se postavitev ob zamenjavi pisave ne premakne.
 */
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 400 900;
    src: url("../fonts/InterVariable-latin.woff2") format("woff2");
}

@font-face {
    ascent-override: 91.4%;
    descent-override: 22.8%;
    font-family: "Inter Fallback";
    line-gap-override: 0%;
    size-adjust: 106%;
    src: local("Arial"), local("Liberation Sans"), local("Helvetica Neue"), local("Helvetica");
}

:root {
    --dg-forest-900: #093b2b;
    --dg-forest-800: #0d4d37;
    --dg-forest-700: #176b4d;
    --dg-mint-200: #c9e4d7;
    --dg-mint-100: #e8f4ee;
    --dg-mint-50: #f2f8f5;
    --dg-copper-700: #985124;
    --dg-copper-600: #b4682f;
    --dg-copper-100: #f7e3d3;
    --dg-ink: #14231d;
    --dg-ink-strong: #405049;
    --dg-ink-muted: #56645e;
    --dg-page: #faf8f2;
    --dg-surface: #fffdf8;
    --dg-white: #ffffff;
    --dg-sand: #f4f0e7;
    --dg-neutral-100: #f1f4f1;
    --dg-line: #d9ded6;
    --dg-line-control: #73827b;
    --dg-warning: #8a4b08;
    --dg-warning-soft: #fff0df;
    --dg-danger: #9d2f22;
    --dg-danger-soft: #fdecea;
    --dg-brand: var(--dg-forest-700);
    --dg-brand-strong: var(--dg-forest-800);
    --dg-on-brand: var(--dg-white);
    --dg-focus-ring: var(--dg-copper-600);
    --dg-focus-ring-on-dark: var(--dg-copper-100);
    --dg-space-1: 4px;
    --dg-space-2: 8px;
    --dg-space-3: 12px;
    --dg-space-4: 16px;
    --dg-space-5: 24px;
    --dg-space-6: 32px;
    --dg-space-7: 48px;
    --dg-space-8: 64px;
    --dg-space-9: 96px;
    --dg-radius-sm: 8px;
    --dg-radius-md: 16px;
    --dg-radius-lg: 24px;
    --dg-radius-pill: 999px;
    --dg-shadow-sm: 0 8px 22px rgba(20, 35, 29, 0.06);
    --dg-shadow-md: 0 16px 38px rgba(20, 35, 29, 0.1);
    --dg-control-sm: 44px;
    --dg-control-md: 48px;
    --dg-control-lg: 56px;
}