/* ==========================================================================
   EMMA INTERNATIONAL · CORPORATE IDENTITY & MAP4Y DESIGN TOKENS
   Luxusná čierno-zlatá identita (Black & Gold):
   - Ušľachtilá kovová zlatá (#C5A059), jantárová (#B38F46), hlboká bronzová (#8C6B28)
   - Žiarivý šampanský lesk (#DFC38A) – bez neónovej/krikľavej žltej
   - Hlboká čerň (#000000, #0B0B0B), grafitové karty (#131313) a jemné zlaté linky (#2D2517)
   - Čitateľný text v tóne teplej slonoviny (#F5F2EB)
   ========================================================================== */

@layer tokens {
  :root {
    /* --- Svetlá téma (primárne predvolené načítanie) --- */
    --povrch: #F8F5EE;
    --povrch-2: #EFE9DB;
    --povrch-card: #FFFFFF;
    --povrch-zvyseny: #E6DFC9;

    /* Typografia - textové odtiene */
    --text: #1A1815;
    --text-jasny: #000000;
    --text-tlmeny: #6B6254;
    --text-na-pergamene: #1A1815;

    /* Zlatá paleta pre svetlý podklad */
    --akcent: #8C6B28;
    --akcent-syt: #73561A;
    --akcent-hlboke: #4D390E;
    --akcent-bronz: #38290B;
    --akcent-lesk: #A8863A;
    --akcent-glow: rgba(140, 107, 40, 0.16);
    --akcent-jemny: rgba(140, 107, 40, 0.08);

    /* Hranice a oddeľovače */
    --hranica: #D8CEB9;
    --ciara: #D8CEB9;
    --hranica-jasna: #8C6B28;
    --hranica-jemna: rgba(140, 107, 40, 0.25);

    /* Interakcie a stavy */
    --focus: #8C6B28;
    --chyba: #A63A2A;
    --uspech: #3E6B24;

    /* Špecifické MAP4Y prvky */
    --zlato: #8C6B28;
    --karta-lice: #F8F5EE;
    --karta-rub: #1A1815;

    /* Odsadenia */
    --odstup-3xs: 0.25rem;
    --odstup-2xs: 0.5rem;
    --odstup-xs: 0.75rem;
    --odstup-s: 1rem;
    --odstup-m: 1.5rem;
    --odstup-l: 2rem;
    --odstup-xl: 3rem;
    --odstup-2xl: 4rem;
    --odstup-3xl: 6rem;

    /* Typografia */
    --pismo-display: "Forum", "Iowan Old Style", "Palatino Linotype", palatino, georgia, ui-serif, serif;
    --pismo-text: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --vyska-riadku: 1.6;
    --vyska-riadku-nadpis: 1.15;

    /* Škála veľkostí */
    --velkost-3xl: clamp(2.5rem, 1.6rem + 4.5vw, 4.5rem);
    --velkost-2xl: clamp(2rem, 1.4rem + 3vw, 3.25rem);
    --velkost-xl: clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem);
    --velkost-l: clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem);
    --velkost-perex: clamp(1.125rem, 1.05rem + 0.35vw, 1.25rem);
    --velkost-m: 1.0625rem;
    --velkost-s: 0.9375rem;

    /* Rozloženie */
    --sirka-obsahu: 75rem;
    --sirka-textu: 65ch;
    --polomer: 0.25rem;
    --prechod: 0.2s cubic-bezier(0.2, 0, 0.2, 1);
  }

  /* Explicitná svetlá téma */
  :root[data-tema="svetla"] {
    --povrch: #F8F5EE;
    --povrch-2: #EFE9DB;
    --povrch-card: #FFFFFF;
    --povrch-zvyseny: #E6DFC9;
    --text: #1A1815;
    --text-jasny: #000000;
    --text-tlmeny: #6B6254;
    --text-na-pergamene: #1A1815;
    --akcent: #8C6B28;
    --akcent-syt: #73561A;
    --akcent-hlboke: #4D390E;
    --akcent-bronz: #38290B;
    --akcent-lesk: #A8863A;
    --akcent-glow: rgba(140, 107, 40, 0.16);
    --akcent-jemny: rgba(140, 107, 40, 0.08);
    --hranica: #D8CEB9;
    --ciara: #D8CEB9;
    --hranica-jasna: #8C6B28;
    --hranica-jemna: rgba(140, 107, 40, 0.25);
    --focus: #8C6B28;
    --chyba: #A63A2A;
    --uspech: #3E6B24;
    --zlato: #8C6B28;
    --karta-lice: #F8F5EE;
    --karta-rub: #1A1815;
  }

  /* Tmavá téma (na explicitné prepnutie tlačidlom: Čierna & Zlato) */
  :root[data-tema="tmava"] {
    --povrch: #000000;
    --povrch-2: #0B0B0B;
    --povrch-card: #131313;
    --povrch-zvyseny: #1C1B18;
    --text: #F5F2EB;
    --text-jasny: #FFFFFF;
    --text-tlmeny: #A89F91;
    --text-na-pergamene: #111111;
    --akcent: #C5A059;
    --akcent-syt: #B38F46;
    --akcent-hlboke: #8C6B28;
    --akcent-bronz: #6E531D;
    --akcent-lesk: #DFC38A;
    --akcent-glow: rgba(197, 160, 89, 0.22);
    --akcent-jemny: rgba(197, 160, 89, 0.08);
    --hranica: #2D2517;
    --ciara: #2D2517;
    --hranica-jasna: #C5A059;
    --hranica-jemna: rgba(197, 160, 89, 0.22);
    --focus: #C5A059;
    --chyba: #E06A5A;
    --uspech: #8EC856;
    --zlato: #C5A059;
    --karta-lice: #0A0A0A;
    --karta-rub: #E8E2D5;
  }

  @media (prefers-reduced-motion: reduce) {
    :root {
      --prechod: 1ms;
    }
  }
}