/* ═══════════════════════════════════════════════════════════
   Tchaj-ti cchuan — Colors & Type tokens (v1.1 1. 9. 2026, v1.6 2. 9. 2026)
   Světlá řada zen stylu: teplý pergamen, zlato zůstává,
   zelená asociace jako druhý akcent. Jména tokenů zrcadlí
   zen tokens.css, ať je refaktor mechanický.
   v1.1 po recenzi Codexu: WCAG AA — neprůhledný --muted,
   tmavší stavové barvy + *-bg/*-border, pevné hranice polí,
   větší základní písmo (veřejný web, odchylka od zen škály).
   ═══════════════════════════════════════════════════════════ */

@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal; font-weight: 500 600; font-display: swap;
  src: url('fonts/cormorant-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal; font-weight: 500 600; font-display: swap;
  src: url('fonts/cormorant-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root {
  /* ── Gold scale (shodná se zen zahradou; -800 navíc pro text na tmavším pergamenu) ── */
  --gold-800: #755213;
  --gold-700: #8a621c;
  --gold-500: #c89632;
  --gold-400: #e8b84b;
  --gold-200: #f5d98a;

  /* ── Zelená asociace (z loga České asociace taijiquan) ── */
  --green-700: #2f6b35;
  --green-600: #3f7a42;   /* hover zeleného tlačítka */
  --green-500: #5c9556;   /* jen dekor — na ní nikdy text */
  --green-100: #e7efd6;

  /* ── Světlé povrchy — teplý pergamen, v1.2 zesvětleno (majitel:
        text musí být skoro černý na skoro bílé, hnědá na hnědé ne) ── */
  --surface-side:   #efe7d3;   /* boční pruhy, patička */
  --surface-base:   #faf5e9;   /* tělo stránky */
  --surface-raised: #fffdf5;   /* karty */
  --surface-float:  #ffffff;   /* plovoucí prvky, modal */

  /* ── Formulářová pole: „zapuštěná" = o stupeň tmavší než karta ── */
  --field-bg:     #f5efdd;
  --field-border: #aa8240;

  /* ── Borders (zlatohnědé; -a je plná — rámečky ovládacích prvků) ── */
  --border-s: rgba(150,110,50,.16);
  --border-d: rgba(150,110,50,.30);
  --border-a: #aa8240;

  /* ── Text — v1.4: ještě tmavší (17,4:1 / 12,4:1 / 8,7:1) ── */
  --text:    #141009;   /* černá s teplým nádechem */
  --text2:   #362d1f;   /* druhotný — tmavý */
  --muted:   #4e4536;   /* ztlumený — jen metadata, ne delší text */
  --on-gold: #1a1208;   /* text na zlatých tlačítkách */

  /* ── Semantic accents (texty AA i na hoveru řádku) ── */
  --jade:    #286d44;   /* = --ok; na světlé sloučeno */
  --ok:      #286d44;
  --warn:    #825b0d;
  --err:     #8a3220;   /* 2. 9.: tmavší (8,1:1 na kartě) — chybové řádky pod poli */
  --ok-bg:     #e7efe3;  --ok-border:   #9dbfa0;
  --warn-bg:   #f4ecd4;  --warn-border: #d2b878;
  --err-bg:    #f6e7df;  --err-border:  #d39b86;
  /* 4. 9. 2026 (D2, úklid po recenzi F/5): --err má na kartě 8,06 : 1, což je pod hranicí majitele (10 : 1)
     pro cokoliv delšího než štítek. --err-text je tmavší odstín téže barvy: 12,18 : 1 na kartě, 10,29 : 1
     na chybovém podkladu. Používá se na text, --err zůstává na hrany, rámečky a ikony. */
  --err-text:  #5f1f14;

  /* ── Motion (beze změny) ── */
  --t-f: 140ms cubic-bezier(.4,0,.2,1);
  --t-m: 220ms cubic-bezier(.4,0,.2,1);
  --t-s: 380ms cubic-bezier(.16,1,.3,1);

  /* ── Layout (beze změny) ── */
  --r:   10px;
  --rs:  6px;

  /* ── Shadows — měkké, teplé, žádná čerň ── */
  --shadow-card: 0 1px 2px rgba(80,60,20,.08), 0 4px 14px rgba(80,60,20,.08), inset 0 1px 0 rgba(255,255,255,.6);
  --shadow-card-hover: 0 1px 2px rgba(80,60,20,.10), 0 8px 22px rgba(80,60,20,.13), inset 0 1px 0 rgba(255,255,255,.6);
  --shadow-float: 0 18px 60px rgba(80,60,20,.22), inset 0 1px 0 rgba(255,255,255,.65);
  --glow-gold: 0 0 20px rgba(200,150,50,.20);

  /* ── Typography families (beze změny) ── */
  --font-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-sans: 'Segoe UI', system-ui, -apple-system, 'Helvetica Neue', Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* ── Type scale — veřejný web: 1rem = 18 px (html v tai-styles.css;
        v1.3, majitel: písmo bylo pořád malé) ── */
  --fs-xs:   0.8125rem; /* ~14.6px — meta, eyebrows, badges */
  --fs-sm:   0.875rem;  /* ~15.8px — captions */
  --fs-base: 1rem;      /* 18px — body */
  --fs-md:   1.15rem;   /* ~20.7px — lead */
  --fs-lg:   1.25rem;   /* 22.5px — page title */
  --fs-xl:   1.6rem;    /* ~28.8px — h2 display */
  --fs-2xl:  2rem;      /* 36px — stat number */
  --fs-3xl:  2.6rem;    /* ~46.8px — doc title */
  --fs-4xl:  3.5rem;    /* 63px — cover display */

  --lh-tight: 1.1;
  --lh-snug:  1.35;
  --lh-normal: 1.6;

  --tracking-tight: -.015em;
  --tracking-normal: 0;
  --tracking-eyebrow: .14em;
  --tracking-stamp: .22em;
}