/* Minification failed. Returning unminified contents.
(29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(35,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(38,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(42,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(46,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(47,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(48,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(49,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(53,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(58,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(59,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(61,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(65,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(66,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(67,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(72,70): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(74,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(76,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(77,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(78,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(79,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(80,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(81,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(82,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(83,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(84,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(87,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(90,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(91,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(92,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(93,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(94,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(95,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(96,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(97,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(121,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(122,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(125,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(126,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(127,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(128,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(130,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(131,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(142,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(150,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(156,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(157,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(158,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(159,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(160,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(166,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(170,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(178,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(179,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(180,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(181,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(192,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/*
 * tenant-theme.css
 * -------------------------------------------------------------
 * Per-tenant theme za WebStudentskiPortal.
 * Sadrži tenant-specifične CSS custom properties (boje, font,
 * dimenzije logo-a).
 *
 * Ovaj file se REPLACE-uje per-tenant deployment kroz CONFIGS
 * package. Default (Dev / Demo) sadrži LAUS CC + Argosy branding.
 *
 * Web.config appSettings kontrolira:
 *  - TenantFontFamily ("UniZG" | "Inter")
 *  - TenantBrandPrimary (hex string)
 *  - (logo path kroz tenant resolver helper u Razor view-u)
 *
 * Layout/view-ovi koriste samo CSS varijable definirane ovdje +
 * Bootstrap 5.3 utility classes — ne diraju hardcoded vrijednosti.
 *
 * Verzija: 1.0 (Session 12, LAUS CC default tenant)
 * -------------------------------------------------------------
 */

:root {
    /* === BRAND COLORS === */
    /* Primary: LAUS CC corporate red — M3 tonal paleta (redesign S-login).
       Zamijenjen #F05540 (WCAG AA fail, 3.92:1 body) sa #B93221 (AA pass).
       NAPOMENA: promjena locked brand tokena (PLAN-GRAFICKI v3.13) —
       zahtijeva sign-off brand ownera. Odobreno od strane Dobrena 2026-07-03. */
    --brand-primary:        #B93221;
    --brand-primary-hover:  #9E2A1B;  /* M3 hover state */
    --brand-primary-active: #8B1D14;  /* M3 active/pressed state */
    --brand-primary-soft:   #FFDAD4;  /* M3 primary-container (soft bg / alerts) */

    /* Secondary: LAUS CC black (mark second tone) */
    --brand-secondary:      #0C0E10;

    /* Tertiary accent: Argosy teal (DEV/DEMO only; production tenant override) */
    --brand-accent:         #1B8DA8;

    /* === BRAND COLORS — RGB triplet === */
    /* Eksplicitan RGB za rgba() composition. Match --brand-primary hex. */
    --brand-primary-rgb:    185, 50, 33;

    /* === SURFACE COLORS === */
    /* Background tiers — od najsvijetlije (bg) do najtamnije (elevated). */
    --surface-bg:           #FAFAFA;
    --surface-card:         #FFFFFF;
    --surface-elevated:     #F3F4F6;
    --surface-variant:      #F4EDEC;  /* M3 surface-variant (input addon, subtle fill) */

    /* === BORDER COLORS === */
    --border-default:       #D1D5DB;
    --border-strong:        #9CA3AF;

    /* === TEXT COLORS === */
    /* Hijerarhija od najsnažnije (primary) do najslabije (tertiary).
       --text-on-brand za tekst NA brand-colored pozadini (npr. red header). */
    --text-primary:         #111827;
    --text-secondary:       #4B5563;
    --text-tertiary:        #6B7280;
    --text-on-brand:        #FFFFFF;

    /* === STATUS COLORS === */
    --status-error:         #DC2626;
    --status-success:       #059669;
    --status-warning:       #D97706;
    --status-info:          #2563EB;

    /* === M3 WARM NEUTRALS (S-dashboard redesign) === */
    /* Toplija neutralna skala iz novog dizajna (Material 3). Koristi ih
       dashboard.css za tekst-hijerarhiju, outline i status-strong varijante.
       NE prefiksirano s --laus- : jedan token sustav (vidi --text-*/--border-* iznad). */
    --text-2:               #534340;  /* label / secondary text (warm) */
    --text-3:               #85736F;  /* muted text (warm) */
    --text-4:               #B4A6A2;  /* faint / table head / eyebrow (warm) */
    --outline:              #D8C2BE;  /* jači obrub */
    --outline-variant:      #EBE3E1;  /* suptilni obrub (kartice) */
    --success-strong:       #2E7D32;  /* M3 zeleni za "plaćeno" badge */
    --success-bg:           #E7F1E8;  /* M3 tint pozadina "plaćeno" badge */
    --warning-strong:       #6B4E00;  /* M3 tekst za "IZSPIS"/warning badge */
    --warning-bg:           #FFECC7;  /* M3 pozadina warning badge/tile */
    --error-strong:         #B3261E;  /* M3 crveni za "neplaćeno" badge tekst */
    --error-bg:             #FCE9E7;  /* M3 tint pozadina "neplaćeno" badge */
    --surface-subtle:       #FAF6F5;  /* najsvjetlija tabla (table thead) */

    /* === TOAST === */
    --toast-shadow:         0 4px 12px rgba(0, 0, 0, 0.15);

    /* === BOOTSTRAP 5.3 OVERRIDE === */
    --bs-primary:            var(--brand-primary);
    --bs-primary-rgb:        185, 50, 33;
    --bs-link-color:         var(--brand-primary);
    --bs-link-color-rgb:     185, 50, 33;
    --bs-link-hover-color:   var(--brand-primary-hover);
    --bs-link-hover-color-rgb: 158, 42, 27;
    --bs-border-radius:      0.5rem;
    --bs-border-radius-lg:   0.75rem;
    /* KRITIČNO: BS body font na Inter (prati --font-family-base + UniZG override).
       Bez ovoga BS koristi system-ui/Segoe UI → dashboard stranice u krivom fontu
       (login je radio jer login-layout.css eksplicitno postavlja body font). */
    --bs-body-font-family:   var(--font-family-base);
    --bs-body-bg:            var(--surface-bg);
    --bs-body-color:         #1F2328;
    --bs-secondary-color:    #6E7681;
    --bs-tertiary-bg:        #FFFFFF;
    /* Topli obrub svih BS komponenti (tablice, dividere, list-group, kartice,
       inputi) — mockup laus-theme postavlja --bs-border-color na M3 outline-variant.
       Bez ovoga BS koristi hladni default #dee2e6 → obrubi izgledaju "off". */
    --bs-border-color:       var(--outline-variant);

    /* === TYPOGRAPHY === */
    /* Default tenant koristi Inter; UniZG tenanti override-aju ovo  
       kroz tenant-theme-unizg.css ili dodatnu klasu na <html> */
    --font-family-base:      "InterVariable", "Inter",
                             system-ui, -apple-system, "Segoe UI", Roboto,
                             "Helvetica Neue", Arial, sans-serif;
    --font-family-heading:   var(--font-family-base);
    --font-family-mono:      ui-monospace, SFMono-Regular, Menlo, Consolas,
                             "Liberation Mono", "Courier New", monospace;

    --font-size-base:        1rem;       /* 16px */
    --font-size-sm:          0.875rem;   /* 14px */
    --font-size-xs:          0.75rem;    /* 12px */

    --font-weight-regular:   400;
    --font-weight-medium:    500;
    --font-weight-semibold:  600;
    --font-weight-bold:      700;

    --line-height-base:      1.55;
    --line-height-heading:   1.25;

    /* === LAYOUT — LOGIN CARD === */
    /* S-login redesign: card ~940px, 20px radius, M3 elevation (subtle + soft-drop). */
    --login-card-max-width:  940px;
    --login-card-radius:     1.25rem;   /* 20px */
    --login-card-shadow:     0 1px 2px rgba(32, 26, 25, 0.04),
                             0 24px 56px -22px rgba(32, 26, 25, 0.24);

    /* Aside (desni panel) sada nosi tenant/instituciju na svijetloj podlozi
       (bivši crveni brand panel maknut u S-login redesignu). */
    --login-form-width:      58%;
    --login-brand-width:     42%;
    --login-aside-bg:        var(--surface-bg);
    --login-aside-border:    #EFE7E5;
    --login-aside-eyebrow:   #A99893;   /* uppercase eyebrow "Portal za ustanovu" */

    /* === LAYOUT — PAGE === */
    --page-bg:               #ECEDEF;
    --page-padding-y:        2rem;
    --footer-text-color:     #6E7681;
    --footer-font-size:      var(--font-size-sm);

    /* === FORM CONTROLS === */
    --input-bg:              #FFFFFF;
    --input-border:          #D1D5DB;
    --input-border-focus:    var(--brand-primary);
    --input-radius:          0.5rem;
    --input-padding-x:       0.875rem;
    --input-padding-y:       0.625rem;
    --input-font-size:       1rem;

    /* Form addon (ikona prefix-a) — M3 surface-variant fill (S-login redesign;
       bivši crveni addon zamijenjen suptilnim sivim po mockupu). */
    --input-addon-bg:        var(--surface-variant);
    --input-addon-color:     var(--text-tertiary);
    --input-addon-width:     2.75rem;

    /* === LOGO DIMENSIJE === */
    --logo-tenant-max-height: 96px;       /* glavni logo u brand panel */
    --logo-tenant-max-width:  280px;
    --logo-lauscc-footer-height: 28px;    /* "Powered by" mark u footer-u */

    /* === SPACING SCALE === */
    --space-1: 0.25rem;   /* 4px */
    --space-2: 0.5rem;    /* 8px */
    --space-3: 0.75rem;   /* 12px */
    --space-4: 1rem;      /* 16px */
    --space-5: 1.5rem;    /* 24px */
    --space-6: 2rem;      /* 32px */
    --space-7: 3rem;      /* 48px */
}

/* === UniZG tenant override === */
/* Aktivira se postavljanjem class="tenant-unizg" na <html> ili <body>;
   Razor layout postavlja klasu na temelju appSettings["TenantFontFamily"]. */
html.tenant-unizg,
.tenant-unizg {
    --font-family-base:    "UniZG", "InterVariable", "Inter",
                           system-ui, -apple-system, "Segoe UI", Roboto,
                           "Helvetica Neue", Arial, sans-serif;
    --font-family-heading: var(--font-family-base);
}

/* === Dark mode (Korak 22 — zasada baseline override placeholder) === */
@media (prefers-color-scheme: dark) {
    /* Session 12: ostavljamo light theme kao default; dark mode finalizacija u Koraku 22 */
    /* Future: definirati --bs-body-bg, --login-card bg, itd. */
}

/* End of tenant-theme.css */

