/* Global design tokens and theme variants */
/* inter-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../assets/fonts/inter-v20-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: italic;
  font-weight: 400;
  src: url('../assets/fonts/inter-v20-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('../assets/fonts/inter-v20-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../assets/fonts/inter-v20-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* ibm-plex-mono-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  src: url('../assets/fonts/ibm-plex-mono-v20-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* =========================================================
   TOKENS
   ========================================================= */
:root {
  --bg: #0A0A0C;
  --text: #F2F1EF;
  --text-soft: #96969C;
  --text-faint: #5C5C63;
  --price-muted: #B8B8BD;

  --border: rgba(255, 255, 255, 0.09);
  --border-strong: rgba(255, 255, 255, 0.16);

  --glass-bg: rgba(255, 255, 255, 0.045);
  --glass-bg-hover: rgba(255, 255, 255, 0.07);
  --glass-sheen: rgba(255, 255, 255, 0.07);

  --accent: #8C2A38;
  --accent-bright: #B23A4B;
  --accent-line: rgba(140, 42, 56, 0.55);
  --accent-glow: rgba(140, 42, 56, 0.18);

  --nav-bg: rgba(10, 10, 12, 0.55);
  --nav-bg-mobile: rgba(10, 10, 12, 0.97);

  --font-display: 'Inter', sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;

  --radius-md: 12px;
  --radius-lg: 22px;
  --section-padding: 96px;

}

@media (max-width: 700px) { :root { --section-padding: 60px; } }

/* =========================================================
   JASNY MOTYW
   ========================================================= */
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg: #F6F4F1;
    --text: #17171B;
    --text-soft: #5B5B62;
    --text-faint: #93939A;
    --price-muted: #5B5B62;

    --border: rgba(10, 10, 12, 0.09);
    --border-strong: rgba(10, 10, 12, 0.16);

    --glass-bg: rgba(255, 255, 255, 0.55);
    --glass-bg-hover: rgba(255, 255, 255, 0.75);
    --glass-sheen: rgba(255, 255, 255, 0.65);

    --accent: #7A2230;
    --accent-bright: #93293A;
    --accent-line: rgba(122, 34, 48, 0.45);
    --accent-glow: rgba(122, 34, 48, 0.14);

    --nav-bg: rgba(246, 244, 241, 0.6);
    --nav-bg-mobile: rgba(246, 244, 241, 0.98);
  }
}

[data-theme="light"] {
  --bg: #F6F4F1;
  --text: #17171B;
  --text-soft: #5B5B62;
  --text-faint: #93939A;
  --price-muted: #5B5B62;

  --border: rgba(10, 10, 12, 0.09);
  --border-strong: rgba(10, 10, 12, 0.16);

  --glass-bg: rgba(255, 255, 255, 0.55);
  --glass-bg-hover: rgba(255, 255, 255, 0.75);
  --glass-sheen: rgba(255, 255, 255, 0.65);

  --accent: #7A2230;
  --accent-bright: #93293A;
  --accent-line: rgba(122, 34, 48, 0.45);
  --accent-glow: rgba(122, 34, 48, 0.14);

  --nav-bg: rgba(246, 244, 241, 0.6);
  --nav-bg-mobile: rgba(246, 244, 241, 0.98);
}

[data-theme="dark"] {
  --bg: #0A0A0C;
  --text: #F2F1EF;
  --text-soft: #96969C;
  --text-faint: #5C5C63;
  --price-muted: #B8B8BD;

  --border: rgba(255, 255, 255, 0.09);
  --border-strong: rgba(255, 255, 255, 0.16);

  --glass-bg: rgba(255, 255, 255, 0.045);
  --glass-bg-hover: rgba(255, 255, 255, 0.07);
  --glass-sheen: rgba(255, 255, 255, 0.07);

  --accent: #8C2A38;
  --accent-bright: #B23A4B;
  --accent-line: rgba(140, 42, 56, 0.55);
  --accent-glow: rgba(140, 42, 56, 0.18);

  --nav-bg: rgba(10, 10, 12, 0.55);
  --nav-bg-mobile: rgba(10, 10, 12, 0.97);
}