/* ===========================================================
   DIGITÁLNÍ MÁG · DESIGN TOKENS
   Vytaženo z landing.html (V3 — Modern Mystic)
   =========================================================== */

/* ---------- FONTS ---------- */
@font-face {
  font-family: "Aalok";
  src: url("fonts/Aalok-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
}

/* Poppins — upright */
@font-face { font-family: "Poppins"; src: url("fonts/Poppins-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("fonts/Poppins-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("fonts/Poppins-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("fonts/Poppins-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("fonts/Poppins-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("fonts/Poppins-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("fonts/Poppins-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("fonts/Poppins-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("fonts/Poppins-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; }

/* Poppins — italic */
@font-face { font-family: "Poppins"; src: url("fonts/Poppins-ThinItalic.ttf") format("truetype"); font-weight: 100; font-style: italic; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("fonts/Poppins-ExtraLightItalic.ttf") format("truetype"); font-weight: 200; font-style: italic; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("fonts/Poppins-LightItalic.ttf") format("truetype"); font-weight: 300; font-style: italic; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("fonts/Poppins-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("fonts/Poppins-MediumItalic.ttf") format("truetype"); font-weight: 500; font-style: italic; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("fonts/Poppins-SemiBoldItalic.ttf") format("truetype"); font-weight: 600; font-style: italic; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("fonts/Poppins-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("fonts/Poppins-ExtraBoldItalic.ttf") format("truetype"); font-weight: 800; font-style: italic; font-display: swap; }
@font-face { font-family: "Poppins"; src: url("fonts/Poppins-BlackItalic.ttf") format("truetype"); font-weight: 900; font-style: italic; font-display: swap; }

/* ---------- TOKENS ---------- */
:root {
  /* Brand */
  --dm-navy: #02063a;            /* page background */
  --dm-navy-soft: #0a1147;        /* secondary surface */
  --dm-navy-deep: #04082f;        /* hero/section base */
  --dm-gold: #d6ab2b;             /* primary accent */
  --dm-gold-light: #f0c95a;       /* accent gradient top */
  --dm-gold-deep: #b8901a;        /* accent gradient bottom */

  /* Surfaces */
  --bg-card: rgba(255,255,255,0.03);
  --bg-card-strong: rgba(255,255,255,0.04);

  /* Text */
  --txt: #ecebe2;
  --txt-strong: #ffffff;
  --txt-mute: #9095b5;

  /* Lines */
  --line: rgba(255,255,255,0.06);
  --line-bright: rgba(214,171,43,0.25);

  /* Gradients */
  --grad-gold: linear-gradient(180deg, #f0c95a 0%, #d6ab2b 100%);
  --grad-gold-text: linear-gradient(135deg, #f0c95a 0%, #d6ab2b 50%, #b8901a 100%);

  /* Type */
  --dm-font-display: "Aalok", "Poppins", sans-serif;
  --dm-font-body: "Poppins", system-ui, -apple-system, sans-serif;
  --dm-font-mono: ui-monospace, "SF Mono", Menlo, monospace;

  /* Motion */
  --dm-ease: cubic-bezier(0.2, 0.8, 0.2, 1);

  /* Radius */
  --r-sm: 10px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 20px;
  --r-pill: 999px;

  /* Shadow */
  --shadow-card: 0 30px 80px rgba(0,0,0,0.4);
  --shadow-gold: 0 8px 24px rgba(214,171,43,0.3);
}