/* ===========================================================================
   AdventureNET — poarta de acces · paleta și mărimile
   ---------------------------------------------------------------------------
   Un singur loc pentru culori, umbre, rotunjiri și tipografie. Dacă vrei să
   schimbi tonul întregii pagini — de exemplu spre verde-închis academic în loc
   de bleumarin — schimbi valorile de aici și nu atingi nimic altceva.
   =========================================================================== */

:root {

  /* ---------------------------------------------------------------------
     Culori
     Bleumarin foarte închis pentru adâncime, auriu cald pentru accente,
     pergament pentru paginile cărții.
     --------------------------------------------------------------------- */

  --noapte-adanca:   #060b18;
  --noapte:          #0a1024;
  --noapte-medie:    #101a36;
  --albastru-regal:  #17264e;

  /*
   * Auriul.
   *
   * Varianta dinainte (#d4a94e) era un galben-muștar, plat. Aurul care arată
   * scump are trei lucruri: un vârf de lumină aproape alb, un mijloc cald și
   * ușor rozat, și o adâncime brun-verzuie. Diferența dintre cele trei este
   * ceea ce face metalul să pară metal, și nu o suprafață colorată.
   */
  --aur:             #dcb45f;
  --aur-clar:        #fbeec2;
  --aur-stins:       #b09150;
  --aur-cald:        #eed597;
  --aur-adanc:       #93691f;

  --pergament:       #f2e7d0;
  --pergament-umbra: #ddceb0;
  --pergament-cald:  #e9dcc0;

  /* Coperta: roșu închis de piele legată, nu maro. */
  --piele:           #6a1f1f;
  --piele-inchisa:   #2e0b0b;
  --piele-lumina:    #93332f;

  --cerneala:        #2b2016;
  --cerneala-stinsa: #5b4a35;

  --alerta:          #d9534f;
  --succes:          #6fae7c;

  /* Transparențe folosite des */
  --aur-10: rgba(220, 180, 95, 0.10);
  --aur-18: rgba(220, 180, 95, 0.18);
  --aur-30: rgba(220, 180, 95, 0.32);
  --aur-55: rgba(220, 180, 95, 0.58);

  /* ---------------------------------------------------------------------
     Tipografie
     Fără fonturi de pe internet: pagina trebuie să arate la fel și într-o
     sală fără conexiune. Toate cele trei niveluri folosesc familii care
     există deja pe Windows, macOS și Linux.
     --------------------------------------------------------------------- */

  /* A. Titlu artistic — caligrafic */
  --font-caligrafic: "Segoe Script", "Brush Script MT", "Snell Roundhand",
                     "Apple Chancery", "URW Chancery L", cursive;

  /* B. Academic — serif clasic */
  --font-academic: "Iowan Old Style", "Palatino Linotype", Palatino,
                   "Book Antiqua", Georgia, "Times New Roman", serif;

  /* C. Funcțional — clar, pentru formular */
  --font-interfata: "Segoe UI", system-ui, -apple-system, "Helvetica Neue",
                    Arial, sans-serif;

  /* ---------------------------------------------------------------------
     Mărimi și ritm
     --------------------------------------------------------------------- */

  /*
   * Cartea nu trebuie să umple ecranul. În jurul ei rămâne loc pentru scenă:
   * antetul deasupra, plăcuța dedesubt, teancul de cărți în stânga, globul în
   * dreapta. O carte care atinge marginile ecranului nu mai pare un obiect
   * așezat pe o masă, ci un fundal.
   */
  /*
   * Lățimea cărții este limitată din trei părți deodată:
   *   1180px  — cât să nu devină uriașă pe un monitor mare
   *   78vw    — cât să rămână margini laterale
   *   120vh   — cât să încapă pe înălțime, împreună cu antetul și plăcuța
   *
   * Al treilea termen este cel care contează pe un videoproiector de
   * 1366×768: fără el, cartea ar fi ieșit din ecran pe verticală.
   * 120vh vine din raportul desenului, 1200/700 ≈ 1,71: o carte înaltă cât
   * 70% din ecran este lată cât 120% din înălțimea lui.
   */
  --carte-latime: min(1300px, 86vw, 132vh);

  --rotunjire-mica: 6px;
  --rotunjire: 12px;
  --rotunjire-mare: 20px;

  /* ---------------------------------------------------------------------
     Umbre
     Cartea are trei umbre suprapuse: una de contact (aproape, opacă), una de
     volum (medie) și una de atmosferă (largă, colorată). Împreună dau
     senzația că obiectul stă pe o masă, nu că plutește pe un fundal.
     --------------------------------------------------------------------- */

  --umbra-contact: 0 2px 8px rgba(0, 0, 0, 0.55);
  --umbra-volum:   0 26px 60px rgba(0, 0, 0, 0.55);
  --umbra-atmosfera: 0 60px 140px rgba(10, 16, 36, 0.85);
  --umbra-aur:     0 0 60px rgba(212, 169, 78, 0.12);

  /* ---------------------------------------------------------------------
     Timp
     Curbele sunt lente și fără salt: nimic nu „sare", totul se așază.
     --------------------------------------------------------------------- */

  --usor:      cubic-bezier(0.22, 1, 0.36, 1);
  --moale:     cubic-bezier(0.4, 0, 0.2, 1);
  --asezare:   cubic-bezier(0.16, 1, 0.3, 1);

  --durata-scurta: 240ms;
  --durata-medie:  520ms;
  --durata-lunga:  1200ms;
}