/* ============================================================================
   KL DESIGN SYSTEM — BRAND: QUAROCKS
   ============================================================================
   @brand      quarocks.com
   @theme      dark · material resilience
   @display    Cormorant Garamond (heraldic / premium narrative)
   @version    1.0.0
   @released   2026-05-26
   ============================================================================ */

:root {

  /* === BRAND ACCENTS === */
  --kl-accent-primary:    #C8A96E;   /* gold — primary */
  --kl-accent-secondary:  #4A9EBF;   /* ice blue — accent */

  /* === DISPLAY FONT === */
  --kl-font-display:      var(--kl-font-serif);

  /* === BG OVERRIDE — Quarocks uses navy-925 as base (deeper than DS dark default) === */
  --kl-bg:          var(--kl-navy-925);   /* #080E1B — main background */
  --kl-bg-elevated: var(--kl-navy-900);   /* #0A1224 — elevated sections */

  /* === ALIASY — mapowanie starych zmiennych strony na tokeny DS === */
  /* Zmień wartość tutaj → zmiana na całej stronie                   */
  --bg:          var(--kl-bg);              /* #080E1B — navy-925 */
  --bg2:         var(--kl-bg-elevated);     /* #0A1224 — navy-900 */
  --bg3:         var(--kl-navy-950);        /* #050912 — navy-950 · deepest */
  --gold:        var(--kl-accent-primary);  /* #C8A96E */
  --gold-light:  #E0C07A;                   /* one-off · no DS equivalent */
  --gold-dark:   #8B6B3D;                   /* one-off · no DS equivalent */
  --ice:         var(--kl-accent-secondary);/* #4A9EBF */
  --ice-light:   #7DC4E0;                   /* one-off · no DS equivalent */
  --text:        var(--kl-text);            /* #F0F3FA — navy-50 */
  --text2:       var(--kl-text-subtle);     /* #A0B5CA — navy-250 */
  --muted:       var(--kl-navy-300);        /* #8FA8C0 — steel; was navy-500 #3B4D6E, too dark on navy-925 bg */
  --border:      rgba(200, 169, 110, 0.10); /* one-off · gold-tinted */
  --border-ice:  rgba(74, 158, 191, 0.12);  /* one-off · ice-tinted */
  --font-serif:  var(--kl-font-display);    /* Cormorant Garamond */
  --font-sans:   var(--kl-font-body);       /* DM Sans */
  --font-mono:   var(--kl-font-body);       /* DM Sans — DM Mono usunięty z DS v1.3.0 */
}