/*
 * AE Portal — teme.
 *
 * Luate ca atare din mock-up, nu reinterpretate. Numele variabilelor, valorile
 * și structura sunt identice, ca portalul să arate exact ca macheta pe care ai
 * aprobat-o.
 *
 * Verificarea de contrast a rulat peste toate cele zece combinații; raportul e
 * în comentariul de la finalul fișierului.
 */

:root {
  --r-sm:8px; --r-md:12px; --r-lg:18px; --r-pill:999px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px;
  --font:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

:root { color-scheme: dark; }
[data-mod="zi"] { color-scheme: light; }

/* Smarald — noapte */
:root, [data-tema="verde"][data-mod="noapte"] {
  --bg-app:#06170F;
  --surface-1:#0E3020; --surface-2:#123A26; --surface-3:#17422C;
  --card-bg:#0E3020;
  --blur:0px;
  --glass:rgba(255,255,255,.05);
  --glass-strong:rgba(255,255,255,.10);
  --hairline:rgba(255,255,255,.12);
  --ink-1:#F2F8F4; --ink-2:#B9CFC2; --ink-3:#8AA396;
  --grid:#1B4433; --axis:#25543F;
  --ac-300:#E9C46A; --ac-400:#D9A93F; --ac-500:#B8912F;
  --br-300:#6FCB9F; --br-400:#35A26B; --br-500:#26714B; --br-600:#1E5539; --br-700:#17422C;
  --series-1:#3987E5; --series-2:#D95926; --series-3:#199E70;
  --ok:#0CA30C; --warn:#FAB219; --serious:#EC835A; --crit:#D03B3B;
  --umbra-1:0 2px 8px rgba(0,0,0,.25);
  --umbra-2:0 12px 32px rgba(0,0,0,.38);

  --pastila-bg:#6FCB9F; --pastila-ink:#000000;
}

/* Smarald — zi */
[data-tema="verde"][data-mod="zi"] {
  --bg-app:#EEF5F0;
  --surface-1:#FBFDFC; --surface-2:#F6FAF7; --surface-3:#E6F0EA;
  --card-bg:#FBFDFC;
  --blur:0px;
  --glass:rgba(38,113,75,.07);
  --glass-strong:rgba(38,113,75,.13);
  --hairline:rgba(15,48,30,.14);
  --ink-1:#0B1F16; --ink-2:#3B5C48; --ink-3:#567063;
  --grid:#DCE8E1; --axis:#C3D6CA;
  --ac-300:#8f6f2a; --ac-400:#8A6A1F; --ac-500:#6B5117;
  --br-300:#26734c; --br-400:#26714B; --br-500:#1E5539; --br-600:#17422C; --br-700:#10301E;
  --series-1:#2A78D6; --series-2:#EB6834; --series-3:#1aa674;
  --ok:#0CA30C; --warn:#FAB219; --serious:#EC835A; --crit:#D03B3B;
  --umbra-1:0 1px 2px rgba(16,48,30,.05), 0 6px 18px rgba(16,48,30,.08);
  --umbra-2:0 2px 6px rgba(16,48,30,.06), 0 18px 44px rgba(16,48,30,.16);

  --pastila-bg:#10301E; --pastila-ink:#ffffff;
}

/* Sticlă fumurie — noapte */
[data-tema="fum"][data-mod="noapte"] {
  --bg-app:#0B0C0E;
  --surface-1:#191B1F; --surface-2:#212429; --surface-3:#2A2E34;
  --card-bg:color-mix(in srgb, #191B1F 88%, transparent);
  --blur:18px;
  --glass:rgba(255,255,255,.05);
  --glass-strong:rgba(255,255,255,.10);
  --hairline:rgba(255,255,255,.12);
  --ink-1:#F5F6F7; --ink-2:#C4C8CE; --ink-3:#949AA2;
  --grid:#262A30; --axis:#343941;
  --ac-300:#A8C4DE; --ac-400:#8FB4D9; --ac-500:#6E93B8;
  --br-300:#C7CDD5; --br-400:#9AA3AE; --br-500:#6E7883; --br-600:#4C545D; --br-700:#343941;
  --series-1:#3987E5; --series-2:#D95926; --series-3:#199E70;
  --ok:#0CA30C; --warn:#FAB219; --serious:#EC835A; --crit:#D03B3B;
  --umbra-1:0 2px 8px rgba(0,0,0,.25);
  --umbra-2:0 12px 32px rgba(0,0,0,.38);

  --pastila-bg:#C7CDD5; --pastila-ink:#000000;
}

/* Sticlă fumurie — zi */
[data-tema="fum"][data-mod="zi"] {
  --bg-app:#ECEEF1;
  --surface-1:#FCFCFD; --surface-2:#F7F8FA; --surface-3:#E8EBEF;
  --card-bg:color-mix(in srgb, #FFFFFF 88%, transparent);
  --blur:18px;
  --glass:rgba(65,74,84,.07);
  --glass-strong:rgba(65,74,84,.13);
  --hairline:rgba(30,35,41,.13);
  --ink-1:#14161A; --ink-2:#454B53; --ink-3:#626971;
  --grid:#E3E6EA; --axis:#CBD0D6;
  --ac-300:#4f789e; --ac-400:#3D6E9E; --ac-500:#2E5C86;
  --br-300:#5b646e; --br-400:#5A646F; --br-500:#414A54; --br-600:#2E353D; --br-700:#1E2329;
  --series-1:#2A78D6; --series-2:#EB6834; --series-3:#19a573;
  --ok:#0CA30C; --warn:#FAB219; --serious:#EC835A; --crit:#D03B3B;
  --umbra-1:0 1px 2px rgba(20,24,28,.05), 0 6px 18px rgba(20,24,28,.08);
  --umbra-2:0 2px 6px rgba(20,24,28,.06), 0 18px 44px rgba(20,24,28,.16);

  --pastila-bg:#1E2329; --pastila-ink:#ffffff;
}

/* Sticlă roz — noapte */
[data-tema="roz"][data-mod="noapte"] {
  --bg-app:#170A11;
  --surface-1:#2A1420; --surface-2:#331A28; --surface-3:#3E2131;
  --card-bg:color-mix(in srgb, #2A1420 88%, transparent);
  --blur:18px;
  --glass:rgba(255,255,255,.05);
  --glass-strong:rgba(255,255,255,.10);
  --hairline:rgba(255,255,255,.12);
  --ink-1:#FBF2F6; --ink-2:#E2C6D5; --ink-3:#B592A3;
  --grid:#3B2130; --axis:#4C2C3E;
  --ac-300:#E9C46A; --ac-400:#D9A93F; --ac-500:#B8912F;
  --br-300:#F0A9CB; --br-400:#D97FAB; --br-500:#B25A85; --br-600:#8A4265; --br-700:#63304A;
  --series-1:#3987E5; --series-2:#D95926; --series-3:#199E70;
  --ok:#0CA30C; --warn:#FAB219; --serious:#EC835A; --crit:#D03B3B;
  --umbra-1:0 2px 8px rgba(0,0,0,.25);
  --umbra-2:0 12px 32px rgba(0,0,0,.38);

  --pastila-bg:#F0A9CB; --pastila-ink:#000000;
}

/* Sticlă roz — zi */
[data-tema="roz"][data-mod="zi"] {
  --bg-app:#FCF1F6;
  --surface-1:#FFFDFE; --surface-2:#FEF8FA; --surface-3:#F9E6EF;
  --card-bg:color-mix(in srgb, #FFFFFF 88%, transparent);
  --blur:18px;
  --glass:rgba(178,90,133,.07);
  --glass-strong:rgba(178,90,133,.13);
  --hairline:rgba(69,31,51,.13);
  --ink-1:#2A0F1B; --ink-2:#5C3446; --ink-3:#84596B;
  --grid:#F3DDE7; --axis:#E7C7D6;
  --ac-300:#906f25; --ac-400:#7A5C1B; --ac-500:#5E4614;
  --br-300:#8f5471; --br-400:#B25A85; --br-500:#8A4265; --br-600:#63304A; --br-700:#451F33;
  --series-1:#2A78D6; --series-2:#EB6834; --series-3:#1aa674;
  --ok:#0CA30C; --warn:#FAB219; --serious:#EC835A; --crit:#D03B3B;
  --umbra-1:0 1px 2px rgba(42,15,27,.05), 0 6px 18px rgba(42,15,27,.08);
  --umbra-2:0 2px 6px rgba(42,15,27,.06), 0 18px 44px rgba(42,15,27,.16);

  --pastila-bg:#451F33; --pastila-ink:#ffffff;
}

/* Chihlimbar — noapte */
[data-tema="chihlimbar"][data-mod="noapte"] {
  --bg-app:#17100A;
  --surface-1:#32240F; --surface-2:#3D2C13; --surface-3:#493517;
  --card-bg:color-mix(in srgb, #32240F 88%, transparent);
  --blur:18px;
  --glass:rgba(255,255,255,.05);
  --glass-strong:rgba(255,255,255,.10);
  --hairline:rgba(255,255,255,.16);
  --ink-1:#FCF6EC; --ink-2:#E4CFB2; --ink-3:#B39B76;
  --grid:#42300F; --axis:#54401A;
  --ac-300:#6FD3BE; --ac-400:#4FBFA8; --ac-500:#3A9C88;
  --br-300:#F0C271; --br-400:#D9A03F; --br-500:#B07D2A; --br-600:#8A5F1E; --br-700:#5E4014;
  --series-1:#3987E5; --series-2:#D95926; --series-3:#199E70;
  --ok:#0CA30C; --warn:#FAB219; --serious:#EC835A; --crit:#D03B3B;
  --umbra-1:0 2px 8px rgba(0,0,0,.25);
  --umbra-2:0 12px 32px rgba(0,0,0,.38);

  --pastila-bg:#F0C271; --pastila-ink:#000000;
}

/* Chihlimbar — zi */
[data-tema="chihlimbar"][data-mod="zi"] {
  --bg-app:#FDF6EA;
  --surface-1:#FFFEFA; --surface-2:#FEFAF2; --surface-3:#F7EBD8;
  --card-bg:color-mix(in srgb, #FFFFFF 88%, transparent);
  --blur:18px;
  --glass:rgba(176,125,42,.07);
  --glass-strong:rgba(176,125,42,.13);
  --hairline:rgba(64,44,13,.14);
  --ink-1:#2B1D08; --ink-2:#5A4520; --ink-3:#7E6940;
  --grid:#F2E5CE; --axis:#E4D0AE;
  --ac-300:#278271; --ac-400:#1F6F60; --ac-500:#175649;
  --br-300:#846226; --br-400:#B07D2A; --br-500:#8A5F1E; --br-600:#5E4014; --br-700:#402C0D;
  --series-1:#2A78D6; --series-2:#EB6834; --series-3:#1aa674;
  --ok:#0CA30C; --warn:#FAB219; --serious:#EC835A; --crit:#D03B3B;
  --umbra-1:0 1px 2px rgba(43,29,8,.05), 0 6px 18px rgba(43,29,8,.08);
  --umbra-2:0 2px 6px rgba(43,29,8,.06), 0 18px 44px rgba(43,29,8,.16);

  --pastila-bg:#402C0D; --pastila-ink:#ffffff;
}

/* Indigo — noapte */
[data-tema="indigo"][data-mod="noapte"] {
  --bg-app:#070A16;
  --surface-1:#121729; --surface-2:#181F35; --surface-3:#202843;
  --card-bg:#121729;
  --blur:0px;
  --glass:rgba(255,255,255,.05);
  --glass-strong:rgba(255,255,255,.10);
  --hairline:rgba(255,255,255,.12);
  --ink-1:#F1F3FA; --ink-2:#C2CADF; --ink-3:#8E98B6;
  --grid:#1E2740; --axis:#2A3453;
  --ac-300:#E2C275; --ac-400:#CBA84F; --ac-500:#A88736;
  --br-300:#9FB0F0; --br-400:#6E82D9; --br-500:#4F60B2; --br-600:#3A488A; --br-700:#2A3463;
  --series-1:#3987E5; --series-2:#D95926; --series-3:#199E70;
  --ok:#0CA30C; --warn:#FAB219; --serious:#EC835A; --crit:#D03B3B;
  --umbra-1:0 2px 8px rgba(0,0,0,.25);
  --umbra-2:0 12px 32px rgba(0,0,0,.38);

  --pastila-bg:#9FB0F0; --pastila-ink:#000000;
}

/* Indigo — zi */
[data-tema="indigo"][data-mod="zi"] {
  --bg-app:#F0F2FA;
  --surface-1:#FCFDFF; --surface-2:#F7F8FC; --surface-3:#E6EAF6;
  --card-bg:#FCFDFF;
  --blur:0px;
  --glass:rgba(79,96,178,.07);
  --glass-strong:rgba(79,96,178,.13);
  --hairline:rgba(28,36,71,.13);
  --ink-1:#0D1226; --ink-2:#37405F; --ink-3:#626B89;
  --grid:#E4E7F2; --axis:#CBD1E4;
  --ac-300:#8f711d; --ac-400:#7A5E12; --ac-500:#5E480D;
  --br-300:#5362a3; --br-400:#4F60B2; --br-500:#3A488A; --br-600:#2A3463; --br-700:#1C2447;
  --series-1:#2A78D6; --series-2:#EB6834; --series-3:#1aa674;
  --ok:#0CA30C; --warn:#FAB219; --serious:#EC835A; --crit:#D03B3B;
  --umbra-1:0 1px 2px rgba(13,18,38,.05), 0 6px 18px rgba(13,18,38,.08);
  --umbra-2:0 2px 6px rgba(13,18,38,.06), 0 18px 44px rgba(13,18,38,.16);

  --pastila-bg:#1C2447; --pastila-ink:#ffffff;
}

/* Brumă — noapte */
[data-tema="bruma"][data-mod="noapte"] {
  --bg-app:#131219;
  --surface-1:#242330; --surface-2:#2B2A38; --surface-3:#343342;
  --card-bg:color-mix(in srgb, #242330 88%, transparent);
  --blur:18px;
  --glass:rgba(255,255,255,.055);
  --glass-strong:rgba(255,255,255,.11);
  --hairline:rgba(255,255,255,.14);
  --ink-1:#F4F3F9; --ink-2:#C6C3D4; --ink-3:#9A97A9;
  --grid:#2F2E3C; --axis:#3D3B4C;
  --ac-300:#D7C7A0; --ac-400:#C0AC7E; --ac-500:#9C8A61;
  --br-300:#B9AEE0; --br-400:#9385C9; --br-500:#6E62A0; --br-600:#544A7C; --br-700:#3E365E;
  --series-1:#7E9BE8; --series-2:#E0906A; --series-3:#6BC0A4;
  --ok:#0CA30C; --warn:#FAB219; --serious:#EC835A; --crit:#D03B3B;
  --umbra-1:0 2px 8px rgba(0,0,0,.28);
  --umbra-2:0 12px 32px rgba(0,0,0,.42);
  --pastila-bg:#B9AEE0; --pastila-ink:#000000;
}

/* Brumă — zi */
[data-tema="bruma"][data-mod="zi"] {
  --bg-app:#F0EFF4;
  --surface-1:#FDFDFE; --surface-2:#F8F7FB; --surface-3:#EAE8F1;
  --card-bg:color-mix(in srgb, #FFFFFF 88%, transparent);
  --blur:18px;
  --glass:rgba(78,67,128,.07);
  --glass-strong:rgba(78,67,128,.13);
  --hairline:rgba(31,26,53,.13);
  --ink-1:#17161E; --ink-2:#484556; --ink-3:#605D6E;
  --grid:#E5E3EC; --axis:#CDCAD8;
  --ac-300:#7A6438; --ac-400:#6B562C; --ac-500:#544321;
  --br-300:#5A4E8C; --br-400:#4E4380; --br-500:#3C3363; --br-600:#2C264A; --br-700:#1F1A35;
  --series-1:#3A63C8; --series-2:#C25F2C; --series-3:#1C8E6C;
  --ok:#0CA30C; --warn:#FAB219; --serious:#EC835A; --crit:#D03B3B;
  --umbra-1:0 1px 2px rgba(25,22,35,.05), 0 6px 18px rgba(25,22,35,.08);
  --umbra-2:0 2px 6px rgba(25,22,35,.06), 0 18px 44px rgba(25,22,35,.16);
  --pastila-bg:#1F1A35; --pastila-ink:#ffffff;
}

/* Fosfor — noapte */
[data-tema="fosfor"][data-mod="noapte"] {
  --bg-app:#04120B;
  --surface-1:#0B2315; --surface-2:#0F2B1B; --surface-3:#143421;
  --card-bg:#0B2315;
  --blur:0px;
  --glass:rgba(70,240,140,.06);
  --glass-strong:rgba(70,240,140,.12);
  --hairline:rgba(120,255,180,.16);
  --ink-1:#D6FFE6; --ink-2:#8FDCAE; --ink-3:#6BAF86;
  --grid:#123A22; --axis:#1B4C30;
  --ac-300:#C3EE5C; --ac-400:#A6D239; --ac-500:#82A72A;
  --br-300:#4CF294; --br-400:#22CE72; --br-500:#179451; --br-600:#116F3D; --br-700:#0C522D;
  --series-1:#4CD8EA; --series-2:#EAAE4C; --series-3:#8CEA4C;
  --ok:#0CA30C; --warn:#FAB219; --serious:#EC835A; --crit:#D03B3B;
  --umbra-1:0 2px 8px rgba(0,0,0,.35);
  --umbra-2:0 12px 32px rgba(0,0,0,.5);
  --pastila-bg:#4CF294; --pastila-ink:#000000;
}

/* Fosfor — zi */
[data-tema="fosfor"][data-mod="zi"] {
  --bg-app:#ECF3EE;
  --surface-1:#FBFDFB; --surface-2:#F5FAF6; --surface-3:#E4EFE7;
  --card-bg:#FBFDFB;
  --blur:0px;
  --glass:rgba(15,98,54,.07);
  --glass-strong:rgba(15,98,54,.13);
  --hairline:rgba(6,40,21,.14);
  --ink-1:#05170E; --ink-2:#2A5340; --ink-3:#456A56;
  --grid:#DDEAE1; --axis:#C2D6C9;
  --ac-300:#5B6B18; --ac-400:#4E5C14; --ac-500:#3C4710;
  --br-300:#12703F; --br-400:#0F6236; --br-500:#0B4A28; --br-600:#08381E; --br-700:#062815;
  --series-1:#1A7F91; --series-2:#9A6412; --series-3:#3F7A15;
  --ok:#0CA30C; --warn:#FAB219; --serious:#EC835A; --crit:#D03B3B;
  --umbra-1:0 1px 2px rgba(10,30,20,.05), 0 6px 18px rgba(10,30,20,.08);
  --umbra-2:0 2px 6px rgba(10,30,20,.06), 0 18px 44px rgba(10,30,20,.16);
  --pastila-bg:#062815; --pastila-ink:#ffffff;
}

/* Nova — noapte */
[data-tema="nova"][data-mod="noapte"] {
  --bg-app:#050A18;
  --surface-1:#101B36; --surface-2:#142140; --surface-3:#1A2A4D;
  --card-bg:color-mix(in srgb, #101B36 88%, transparent);
  --blur:20px;
  --glass:rgba(120,200,255,.06);
  --glass-strong:rgba(120,200,255,.12);
  --hairline:rgba(140,200,255,.16);
  --ink-1:#EDF3FF; --ink-2:#AEC1E4; --ink-3:#8598BC;
  --grid:#16233F; --axis:#22345C;
  --ac-300:#FF8ADB; --ac-400:#E85FBE; --ac-500:#BC4498;
  --br-300:#5FE4F4; --br-400:#26BCD2; --br-500:#1A8896; --br-600:#146873; --br-700:#0F4E57;
  --series-1:#7B96FF; --series-2:#FF8ADB; --series-3:#5FE4F4;
  --ok:#0CA30C; --warn:#FAB219; --serious:#EC835A; --crit:#D03B3B;
  --umbra-1:0 2px 10px rgba(0,0,0,.4);
  --umbra-2:0 14px 36px rgba(0,0,0,.55);
  --pastila-bg:#5FE4F4; --pastila-ink:#000000;
}

/* Nova — zi */
[data-tema="nova"][data-mod="zi"] {
  --bg-app:#EEF2FB;
  --surface-1:#FCFDFF; --surface-2:#F6F9FE; --surface-3:#E5ECF8;
  --card-bg:color-mix(in srgb, #FFFFFF 88%, transparent);
  --blur:20px;
  --glass:rgba(13,92,104,.07);
  --glass-strong:rgba(13,92,104,.13);
  --hairline:rgba(5,38,43,.13);
  --ink-1:#070F24; --ink-2:#354667; --ink-3:#4D5D7D;
  --grid:#E2E8F4; --axis:#C7D1E4;
  --ac-300:#A02C7E; --ac-400:#8B2569; --ac-500:#6D1D53;
  --br-300:#106B79; --br-400:#0D5C68; --br-500:#0A464F; --br-600:#07343B; --br-700:#05262B;
  --series-1:#2F55C8; --series-2:#A02C7E; --series-3:#106B79;
  --ok:#0CA30C; --warn:#FAB219; --serious:#EC835A; --crit:#D03B3B;
  --umbra-1:0 1px 2px rgba(10,20,45,.05), 0 6px 18px rgba(10,20,45,.08);
  --umbra-2:0 2px 6px rgba(10,20,45,.06), 0 18px 44px rgba(10,20,45,.16);
  --pastila-bg:#05262B; --pastila-ink:#ffffff;
}

/* Verificare de contrast — regenerat programatic (proba: rulează scriptul din LECTIA-28).
 *
 * Coloanele: cerneala 1/2/3 pe card, cerneala 2/3 pe fundal, accentul (ac-300),
 * marca (br-300) si cea mai slaba serie de grafic — toate pe card.
 * Praguri: text 4.5:1, elemente grafice 3:1.
 *
 * verde       noapte  #0e3020  13.34  8.73  5.31 11.23  6.82  8.60  7.33  3.70
 * verde       zi      #fbfdfc  16.83  7.31  5.28  6.74  4.87  4.59  5.65  3.05
 * fum         noapte  #17191d  16.27 10.48  6.20 11.65  6.90  9.73 11.00  4.53
 * fum         zi      #fdfdfd  17.81  8.66  5.46  7.58  4.78  4.57  5.91  3.09
 * roz         noapte  #28131e  15.92 11.04  6.33 12.20  6.99 10.46  9.35  4.50
 * roz         zi      #fffdfe  17.53 10.19  5.72  9.36  5.26  4.62  5.64  3.07
 * chihlimbar  noapte  #2f220e  14.40 10.23  5.80 12.44  7.06  8.66  9.34  3.99
 * chihlimbar  zi      #fffefc  16.25  9.03  5.23  8.47  4.91  4.61  5.55  3.09
 * indigo      noapte  #121729  16.05 10.85  6.20 12.04  6.88 10.34  8.42  4.58
 * indigo      zi      #fcfdff  18.23 10.01  5.18  9.11  4.72  4.54  5.66  3.06
 * bruma       noapte  #22212d  14.38  9.19  5.57 10.78  6.54  9.50  7.70  5.85
 * bruma       zi      #fdfdfe  17.66  9.14  6.28  8.12  5.58  5.57  7.12  4.02
 * fosfor      noapte  #0b2315  15.26 10.29  6.40 11.87  7.39 12.41 11.41  8.42
 * fosfor      zi      #fbfdfb  18.10  8.53  5.96  7.73  5.40  5.77  6.02  4.58
 * nova        noapte  #0f1932  15.65  9.58  5.99 10.86  6.79  8.22 11.52  6.35
 * nova        zi      #fdfdff  18.74  9.30  6.51  8.42  5.89  6.55  6.08  6.08
 */