/* ════════════════════════════════════════
   FONTS
════════════════════════════════════════ */

@font-face {
    font-family: 'Codec Pro';
    src: url('../fonts/codec-pro/CodecPro-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: "Codec Pro";
    src: url("../fonts/codec-pro/CodecPro-Thin.woff") format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Codec Pro";
    src: url("../fonts/codec-pro/CodecPro-ExtraLight.woff") format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Codec Pro";
    src: url("../fonts/codec-pro/CodecPro-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Codec Pro";
    src: url("../fonts/codec-pro/CodecPro-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Codec Pro";
    src: url("../fonts/codec-pro/CodecPro-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Codec Pro";
    src: url("../fonts/codec-pro/CodecPro-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Codec Pro";
    src: url("../fonts/codec-pro/CodecPro-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Codec Pro";
    src: url("../fonts/codec-pro/CodecPro-ExtraBold.woff") format("woff");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Codec Pro";
    src: url("../fonts/codec-pro/CodecPro-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Codec Pro";
    src: url("../fonts/codec-pro/CodecPro-UltraItalic.woff") format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

:root {


  /* ── COLORS ─────────────────────────────────── */
  --color-bg:          #080808;
  --color-bg1:          #8B5CF6;
  --color-bg-alt:      #111111;
  --color-surface:     #1a1a1a;
  --color-border:      #2a2a2a;
  --color-border-light:#222222;

  --color-white:       #f5f5f0;
  --color-mid:         #8a8a8a;
  --color-light:       #c4c4c4;

  --color-accent:     #8B5CF6;/* #d4ff4f;*/
  --color-accent1:     #882d8a;/* #d4ff4f;*/
  --color-accent2:     #de1e79;/* #d4ff4f;*/
  --color-accent3:     #659de2;/* #d4ff4f;*/
  --color-accent-dim:  rgba(212, 255, 79, 0.10);

  /* ── TYPOGRAPHY ─────────────────────────────── */
  /*--font-sans:  'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:  'DM Mono', 'Courier New', monospace;*/
  /* ── TYPOGRAPHY ─────────────────────────────── */
--font-sans: 'Codec Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
--font-mono: 'Codec Pro', monospace;

  --text-xs:    0.6875rem;
  --text-sm:    0.8125rem;
  --text-base:  1rem;
  --text-md:    1.125rem;
  --text-lg:    1.5rem;
  --text-xl:    2rem;
  --text-2xl:   2.5rem;
  --text-3xl:   3.5rem;
  --text-4xl:   4.5rem;
  --text-5xl:   5.5rem;


--font-thin: 100;
--font-extra-light: 200;
--font-light: 300;
--font-regular: 400;
--font-medium: 500;
--font-semibold: 600;
--font-bold: 700;
--font-extra-bold: 800;
--font-black: 900;


  /* ── SPACING ─────────────────────────────────── */
  --space-xs:   0.5rem;
  --space-sm:   1rem;
  --space-md:   1.5rem;
  --space-lg:   2.5rem;
  --space-xl:   4rem;
  --space-2xl:  6rem;
  --space-3xl:  9rem;
  --space-4xl:  12rem;

  /* ── LAYOUT ──────────────────────────────────── */
  --container-max: 1280px;
  --container-pad: clamp(1.5rem, 5vw, 5rem);
 --section-gap:   clamp(2rem, 3vw, 3rem);

  /* ── TRANSITIONS ─────────────────────────────── */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.45, 0, 0.55, 1);
  --dur-fast:    200ms;
  --dur-med:     400ms;
  --dur-slow:    600ms;

  /* ── RADIUS ──────────────────────────────────── */
  --radius-sm:  4px;
  --radius-md:  8px;
  --radius-lg:  16px;
}