/* ============================================================
   Taneční studio S.araH. — Design tokeny
   Zdroj pravdy: DESIGN.md. Negeneruj vlastní barvy ani fonty.
   Přepínání režimů: data-theme="dark" (veřejný web) / "light" (admin+zóna)
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;700;900&family=Sora:wght@400;500;600;700&display=swap');

:root {
  /* --- Brand — magenta/fuchsie/coral --- */
  --brand-magenta:        #ff2d78;
  --brand-magenta-bright: #ff4d8d;
  --brand-fuchsia:        #d633ff;
  --brand-coral:          #ff6b9d;

  /* --- Gradienty --- */
  --brand-gradient:      linear-gradient(135deg, #ff2d78, #d633ff);
  --brand-gradient-text: linear-gradient(100deg, #ff2d78 10%, #d633ff 70%, #ff6b9d);

  /* Brandový rohový nádech přes fotky — drží gradient feel i s reálnými fotkami.
     Sílu lze doladit jediným číslem (--media-tint). Mizí do ~46 % od rohu. */
  --media-tint:  0.20;
  --corner-tint: linear-gradient(135deg,
                   rgba(255,45,120, var(--media-tint)) 0%,
                   rgba(214,51,217, calc(var(--media-tint) * 0.55)) 15%,
                   rgba(255,45,120, 0) 46%);

  /* --- Stavové barvy (oba režimy) --- */
  --ok:     #19c37d;   /* zaplaceno, schváleno, volno */
  --warn:   #f5a524;   /* blíží se splatnost, málo míst */
  --danger: #f5455c;   /* po splatnosti, plno, zrušeno */
  --info:   #4d8df0;

  /* --- Typografie --- */
  --font-display: 'Archivo', sans-serif;
  --font-body:    'Sora', system-ui, sans-serif;

  /* --- Zaoblení --- */
  --radius-sm:   10px;   /* inputy, malé prvky */
  --radius:      18px;   /* karty */
  --radius-lg:   24px;   /* velké bloky, sekce */
  --radius-pill: 100px;  /* tlačítka, badge */

  /* --- Spacing škála --- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 80px;

  /* --- Napojení na Bootstrap 5 --- */
  --bs-primary: #ff2d78;
  --bs-border-radius:    10px;
  --bs-border-radius-lg: 18px;
  --bs-body-font-family: 'Sora', system-ui, sans-serif;
}

/* ============================================================
   TMAVÝ REŽIM — veřejný web (atmosféra)
   ============================================================ */
[data-theme="dark"], .theme-dark {
  --bg:          #160a1f;  /* hlavní pozadí (deep plum) */
  --bg-2:        #1d0d29;  /* sekce alternující */
  --bg-card:     #241032;  /* karty */
  --bg-card-2:   #2d1640;  /* karty hover / vnořené */
  --bg-deep:     #0e0616;  /* patička, nejhlubší */
  --border:      #3a1f4d;
  --border-soft: #2a1538;

  --text:       #fdf3fa;   /* hlavní text */
  --text-soft:  #d8bce6;   /* sekundární */
  --text-mute:  #9d7fb0;   /* popisky */
  --text-faint: #6b5179;   /* nejjemnější, copyright */

  --shadow-glow: 0 10px 30px -8px rgba(255, 45, 120, 0.5);

  --bs-body-color: var(--text);
  --bs-body-bg:    var(--bg);
}

/* ============================================================
   SVĚTLÝ REŽIM — admin + klientská zóna (čitelnost)
   ============================================================ */
[data-theme="light"], .theme-light {
  --bg:          #faf7fc;  /* hlavní pozadí (jemný nádech do plum) */
  --bg-2:        #f3edf7;  /* sekce / sidebar */
  --bg-card:     #ffffff;  /* karty, tabulky */
  --bg-card-2:   #f7f2fa;  /* hover řádek / vnořené */
  --bg-deep:     #ffffff;
  --border:      #e6ddee;
  --border-soft: #f0e9f5;

  --text:       #2a1633;   /* hlavní text (tmavá plum, ne čistá černá) */
  --text-soft:  #5f4d6b;   /* sekundární */
  --text-mute:  #8c7a98;   /* popisky */
  --text-faint: #b3a5bd;   /* nejjemnější */

  /* sidebar adminu zůstává tmavý i ve světlém režimu */
  --sidebar-bg:     #1d0d29;
  --sidebar-text:   #d8bce6;
  --sidebar-active: #ff2d78;

  --shadow-card: 0 1px 3px rgba(42, 22, 51, 0.06), 0 1px 2px rgba(42, 22, 51, 0.04);
  --shadow-pop:  0 8px 28px -8px rgba(42, 22, 51, 0.12);

  --bs-body-color: var(--text);
  --bs-body-bg:    var(--bg);
}

/* ============================================================
   Sdílené utility
   ============================================================ */
.grad-text {
  background: var(--brand-gradient-text);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
}

body {
  font-family: var(--font-body);
  background: var(--bg);
  color: var(--text);
  line-height: 1.6;
}

h1, h2, h3, .font-display { font-family: var(--font-display); }

/* Přístupnost — viditelný keyboard focus */
:focus-visible {
  outline: 3px solid var(--brand-magenta);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}