/* ==========================================================================
   URSUS — design tokenek
   „Műhely-világítás": sötét szalagok a termék-színpadhoz, világos papír
   a vásárlói döntési felülethez. A márkaszínek az élő oldalról származnak.
   ========================================================================== */

@font-face{font-family:"Aktiv Grotesk";src:url("../fonts/AktivGroteskCorp-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Aktiv Grotesk";src:url("../fonts/AktivGroteskCorp-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Aktiv Grotesk";src:url("../fonts/AktivGroteskCorp-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  /* --- Sötét oldal: az élő URSUS márkakarakter --- */
  --u-ink:#141414;
  --u-ink-2:#1c1c1c;
  --u-ink-3:#242424;

  /* --- Világos oldal: hűvös-semleges papír (NEM meleg krém) --- */
  --u-paper:#EFEDE7;
  --u-paper-2:#E4E1D8;

  /* --- Márkaszínek --- */
  --u-bronze:#CD7F32;        /* sötét alapon */
  --u-bronze-ink:#8A4F0E;    /* papíron, AA kontraszt */
  --u-bronze-hi:#DB9147;     /* hover sötéten */
  --u-sage:#6F826A;
  --u-sage-ink:#4E5F4A;
  --u-gold:#B8862B;          /* csillag-értékelés */
  --u-clay:#C4614A;          /* hiba / figyelem */

  /* --- Vonalak és másodlagos szöveg --- */
  --u-line-d:rgba(255,255,255,.13);
  --u-line-l:#D6D1C1;
  --u-tx-d:#DEDAD3;          /* szöveg sötéten */
  --u-tx-d2:#A6A29B;
  --u-tx-l:#141414;          /* szöveg papíron */
  --u-tx-l2:#5C574E;

  /* --- Sarok: 4–6px, soha nem pill --- */
  --u-r:4px;
  --u-r-lg:6px;

  /* --- Ritmus --- */
  --u-tap:44px;              /* minimum érintési célpont */
  --u-gut:18px;              /* oldalmargó, mobil */
  --u-max:1200px;            /* tartalom mérték */

  /* --- Tipográfia --- */
  --u-sans:"Aktiv Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --u-disp:"Playfair Display",ui-serif,Georgia,"Times New Roman",serif;
  --u-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

  /* --- Rétegek --- */
  --u-z-header:60;
  --u-z-bar:70;
  --u-z-drawer:90;
  --u-z-modal:100;
}

@media (min-width:600px){ :root{ --u-gut:24px } }
@media (min-width:900px){ :root{ --u-gut:32px } }