/* Dekla — krāsu marķieri. Vienīgā vieta šajā programmā, kur stāv krāsas kods.

   Šis fails ir avots. `style.css` nesatur nevienu krāsas kodu un nedrīkst
   saturēt — to sargā tests (`tests/test_tokens.py`). Ja kāda krāsa jāmaina,
   tā maināma te, un tā mainās visur uzreiz.

   Divi slāņi, un tos nedrīkst sajaukt:

     1. PALETE — krāsa ar savu vārdu. `--green-700` ir krāsa, ne darbs.
     2. NOZĪME  — darbs ar savu vārdu. `--accent` ir darbs, ne krāsa; tas
        norāda uz paleti. Neviens noteikums `style.css` failā neņem paleti
        tieši: tas ņem nozīmi, un nozīme zina, kura krāsa tā ir.

   Tāpēc palete var mainīties, nemainot nevienu noteikumu, un darbs var
   pārcelties uz citu paleti, nemainot nevienu krāsu.

   Kontrasts ir mērīts, ne minēts. Skaitļi zemāk ir īstie WCAG 2.1 attiecību
   skaitļi, un tos apgalvo tests — nevis šis komentārs. */

:root {
  /* === 1. PALETE ======================================================== */

  /* Zaļais — zīmola krāsa, četri pakāpieni, katram savs darbs.
     Balts uz --green-900 ir 10,34:1 un uz --green-700 ir 6,40:1: abi ir AA
     parastam tekstam un AAA lielam. */
  --green-900: #1B4838;   /* sānjosla, Lejupielādēts, tumšās flīzes */
  --green-700: #2C6A4F;   /* primārās pogas, saites */
  --green-600: #357C5D;   /* uzbraukšana un fokuss */
  --green-100: #EAF0E2;   /* Gatavs lejupielādei zīmītes, izceltās rindas */
  --green-050: #F2F6EC;   /* sadaļu fons */

  /* Papīrs — lapas fons visur. Silts, ne balts: šī programma izskatās pēc
     papīra uz galda, ne pēc tukša loga. */
  --paper: #FBF7EE;

  /* Kamielis — tikai izceltiem paneļiem. Nekad tabulā: tabulai fons ir
     papīrs vai --green-050, un kamielis tur padarītu rindas nelasāmas. */
  --camel-100: #F1E7D2;

  /* Misiņš — matu līnijas, ikonas, otršķirīgās pogas uz zaļa. Uz papīra tas
     ir 2,90:1: pietiekami līnijai un lielai formai, par maz burtam. Tāpēc
     tas nav teksta krāsa. */
  --brass: #B98A3E;

  /* Dzintars — TIKAI tur, kur vajadzīga cilvēka uzmanība. Nekur citur: ja
     dzintars ir dekorācija, tad tas vairs neko nenozīmē. */
  --amber: #E8A93C;
  --amber-100: #F3E8CE;
  --amber-900: #7A5410;   /* uz --amber-100 = 5,56:1 */

  /* Šīferis — "Apstrādē", un nekad zaļš. Darbs, kas notiek, nav darbs, kas
     padarīts, un zaļa zīmīte to pateiktu nepareizi. */
  --slate-100: #E7EDF2;
  --slate-900: #33465A;   /* uz --slate-100 = 8,22:1 */

  /* Māls — kļūda un noraidīts. Sarkanā saime pieder kļūdas nozīmei un
     nekam citam, ne dekorācijai. */
  --clay-100: #F5E4DD;
  --clay-900: #8F3A28;    /* uz --clay-100 = 6,07:1 */

  /* Tinte un pieklusinātais. Abi silti: aukstie pelēkie ir izņemti, jo uz
     silta papīra tie izskatās netīri, nevis neitrāli. */
  --ink: #171F1A;         /* uz papīra = 15,75:1 */
  --muted: #6E634E;       /* uz papīra = 5,52:1 */

  /* Balts — pogu un tumšo flīžu uzraksts. Ne fons: fons ir papīrs. */
  --white: #FFFFFF;

  /* Malas ir misiņš, atšķaidīts ar papīru. Sajaukums, nevis jauns kods:
     tā mala ir redzami tā paša toņa kā līnijas un ikonas, un paletē
     nerodas divi kodi, kas apgalvo vienu un to pašu. */
  --brass-200: color-mix(in srgb, var(--brass) 30%, var(--paper));
  --brass-300: color-mix(in srgb, var(--brass) 55%, var(--paper));

  /* Astoņas kartīšu aprindas. Visas no šīs pašas paletes toņiem, un uz
     katras balts ir vismaz 4,5:1 — to apgalvo tests. */
  --avatar-0: #1B4838;
  --avatar-1: #2C6A4F;
  --avatar-2: #8F3A28;
  --avatar-3: #33465A;
  --avatar-4: #6E634E;
  --avatar-5: #7A5410;
  --avatar-6: #2F5F57;
  --avatar-7: #5A4A6B;

  /* Druka. Melns uz balta ir drukas jautājums, ne ekrāna: papīrs printerī
     jau ir papīrs, un tinte tur maksā naudu. */
  --print-ink: #000000;
  --print-paper: #FFFFFF;

  /* === 2. NOZĪME ======================================================== */

  /* Virsmas. Lapa ir papīrs; kartīte ceļas no tā ar baltu, nevis ar ēnu. */
  --bg: var(--paper);
  --surface: var(--white);
  --surface-sunk: var(--green-050);
  /* Kamielis gaida to paneli, kas būs izcelts. Neviens vēl nav — un uzlikt
     to kaut kam tāpēc vien, ka marķieris eksistē, nozīmētu izcelt to, kas
     nav svarīgs. Tabulā tas nekad neiet: tur fons ir papīrs vai --green-050. */
  --surface-feature: var(--camel-100);
  /* Tumšā flīze runā baltu. Pati flīze ņem --green-900 pa savu vārdu —
     `labels.STATUS_CHIP` glabā tieši to pāri. */
  --on-dark: var(--white);

  /* Burti. */
  --text: var(--ink);
  --on-accent: var(--white);

  /* Malas. Misiņš pats ir sasniedzams pa savu vārdu; te stāv tikai tie divi
     atšķaidījumi, kurus noteikumi tiešām lieto. */
  --border: var(--brass-200);
  --border-strong: var(--brass-300);

  /* Akcents — viena krāsa, divi darbi, tāpat kā līdz šim. --accent ir
     laukums un tas, uz ko klikšķina: pogu virsmas un saites. --accent-strong
     ir dziļākais tonis: tumšās flīzes, ikonas, kartītes svītra. */
  --accent: var(--green-700);
  --accent-strong: var(--green-900);
  --accent-hover: var(--green-600);
  --accent-soft: var(--green-100);
  --focus: var(--green-600);

  /* Kļūda un brīdinājums. */
  --danger: var(--clay-900);
  --danger-soft: var(--clay-100);
  --warn: var(--amber-900);
  --warn-soft: var(--amber-100);
  --attention: var(--amber);

  /* Ēnas ņem tinti, nevis savu melno. */
  --shadow-pane: 0 1px 4px rgba(23, 31, 26, 0.10);
  --shadow-card: 0 1px 2px rgba(23, 31, 26, 0.06);
  --shadow-dialog: 0 8px 32px rgba(23, 31, 26, 0.22);

  /* Aizsegs zem dialoga: tinte, caurspīdīga. Ne melns — melna plēve uz silta
     papīra izskatās pēc cita produkta loga, ne pēc šī paša, kas gaida. */
  --scrim: rgba(23, 31, 26, 0.45);

  /* Uzplaiksnījuma gredzens, trīs pakāpieni. Zaļais no paletes, ar
     caurspīdīgumu: šī zīme ir tieši tā, kas ir jāredz. */
  --pulse-0: rgba(27, 72, 56, 0.55);
  --pulse-1: rgba(27, 72, 56, 0.25);
  --pulse-2: rgba(27, 72, 56, 0);
}

/* === 3. STATUSA ZĪMĪTES ===================================================
   Katra zīmīte ir fona un teksta pāris, un pāri nosaka `labels.STATUS_CHIP`.
   Klases, nevis style="" atribūts: CSP `style-src` ir 'self', tāpēc neviens
   stils nedzīvo pašā lapā.

   Šīs klases un `labels.STATUS_CHIP` nedrīkst atšķirties, un tās nevar:
   tests lasa abas puses un salīdzina. Ja te pievieno klasi, tā jāpievieno
   arī tur, citādi suite nokrīt. */

.nozimite-japarskata   { background: var(--amber-100); color: var(--amber-900); }
.nozimite-augsta       { background: var(--green-050); color: var(--green-900); }
.nozimite-gatavs       { background: var(--green-100); color: var(--green-900); }
.nozimite-lejupieladets { background: var(--green-900); color: var(--white); }
.nozimite-apstrade     { background: var(--slate-100); color: var(--slate-900); }
.nozimite-kluda        { background: var(--clay-100); color: var(--clay-900); }
.nozimite-izcelts      { background: var(--green-100); color: var(--green-900); }
.nozimite-neitrals     { background: var(--green-050); color: var(--muted); }

/* Aprindas — astoņas klases, `views.avatar_index` izvēlas, kura. */
.iniciali-0 { background: var(--avatar-0); }
.iniciali-1 { background: var(--avatar-1); }
.iniciali-2 { background: var(--avatar-2); }
.iniciali-3 { background: var(--avatar-3); }
.iniciali-4 { background: var(--avatar-4); }
.iniciali-5 { background: var(--avatar-5); }
.iniciali-6 { background: var(--avatar-6); }
.iniciali-7 { background: var(--avatar-7); }