/* ============================================================
 * Diary of the Day — Design Tokens v1
 * Implementuje §2 ze spec docs/ui/karta-dne-spec.md
 *
 * Tento soubor přidává nové design tokeny vedle existujících
 * v style-vN.css (--accent, --line, --bg, atd. zůstávají kompatibilní).
 *
 * Naviazuje se na :root, takže tokeny jsou globálně dostupné.
 * ============================================================ */

:root {
  /* ─── 2.1 Pozadí ─── */
  --paper:              #FFFFFF;
  --paper-tinted:       #F5F5F0;        /* placeholder fotky, album art bg */
  --paper-canvas:       #FAFAF7;        /* okolní stránka, hover stavy */

  /* ─── 2.1 Text ─── */
  /* --ink už existuje v style-vN.css (#1a1a1a) — kompatibilní */
  --ink-secondary:      rgba(0,0,0,0.55);
  --ink-tertiary:       rgba(0,0,0,0.45);
  --ink-quaternary:     rgba(0,0,0,0.30);

  /* ─── 2.1 Linky a bordery (vždy 0.5px) ─── */
  --rule:               rgba(0,0,0,0.08);   /* divider mezi sekcemi */
  --rule-default:       rgba(0,0,0,0.12);   /* underline inputu */
  --rule-strong:        rgba(0,0,0,0.20);   /* pill border, hover, počasí ikona */

  /* ─── 2.1 Akcent ─── */
  /* --accent existuje (#c9a961, soft gold) — pro nový brand-tier použít --accent-gold */
  --accent-gold:        #B8902F;             /* auto-save indikátor, výroční metriky */

  /* ─── 2.1 Inverze pro „selected" pill ─── */
  --ink-on-ink:         #FFFFFF;

  /* ─── 2.2 Typografie ─── */
  /* Playfair Display první (loaded v projektu via Google Fonts, ostrý
     anti-alias). Didot jako secondary (Mac-only, italic-only na MacOS).
     Georgia jako system fallback. */
  --font-serif:         'Playfair Display', 'Didot', Georgia, serif;
  --font-sans:          'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', system-ui, sans-serif;

  /* ─── 2.3 Spacing ─── */
  --space-xs:   4px;
  --space-sm:   6px;
  --space-md:   8px;
  --space-lg:  10px;
  --space-xl:  12px;
  --space-2xl: 14px;
  --space-3xl: 16px;
  --space-4xl: 20px;
  --space-5xl: 24px;
  --space-6xl: 28px;
  --space-7xl: 32px;
  --space-8xl: 36px;

  /* ─── 2.4 Radius ─── */
  --radius-sm:    4px;     /* karta, dropdown, inline form bg */
  --radius-md:    8px;     /* (rezerva) */
  --radius-pill: 999px;    /* všechny chipy a button pillsy */

  /* ─── 2.5 Stíny ─── */
  --shadow-card:      0 1px 2px rgba(0,0,0,0.04), 0 1px 1px rgba(0,0,0,0.02);
  --shadow-dropdown:  0 2px 8px rgba(0,0,0,0.06);
  --shadow-focus:     0 0 0 3px rgba(0,0,0,0.15);
}

/* ─── Dark mode (optional override) ─── */
@media (prefers-color-scheme: dark) {
  :root {
    --paper:            #1A1A1A;
    --paper-tinted:     #232325;
    --paper-canvas:     #141416;
    /* --ink override je riskantní (existing style-vN používá hardcoded #1a1a1a logiku),
       proto v dark módu ponecháváme --ink z původního :root a override obrátíme až
       v reálné implementaci karty (krok 3+ ze spec §9.4). */
    --ink-secondary:    rgba(245,245,240,0.65);
    --ink-tertiary:     rgba(245,245,240,0.50);
    --ink-quaternary:   rgba(245,245,240,0.35);
    --rule:             rgba(245,245,240,0.10);
    --rule-default:     rgba(245,245,240,0.15);
    --rule-strong:      rgba(245,245,240,0.25);
    --ink-on-ink:       #1A1A1A;
  }
}