/* DENNO Entertainment — design tokens
   Palette: black, gold, silver, with a controlled red accent. */

@font-face {
  font-family: "Cormorant Garamond";
  src: url("/assets/fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("/assets/fonts/cormorant-garamond-latin-600-normal.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Cormorant Garamond";
  src: url("/assets/fonts/cormorant-garamond-latin-700-normal.woff2") format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter-latin-400-normal.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter-latin-500-normal.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter-latin-600-normal.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}

:root {
  /* Surfaces */
  --black: #050506;
  --ink: #0b0b0d;
  --surface: #111114;
  --surface-2: #18181c;
  --line: rgba(255, 255, 255, 0.09);
  --line-strong: rgba(255, 255, 255, 0.18);

  /* Gold */
  --gold: #c9a24b;
  --gold-bright: #e8c76a;
  --gold-deep: #8f6f26;
  --line-gold: rgba(201, 162, 75, 0.38);
  --gold-gradient: linear-gradient(135deg, #f0d482 0%, #c9a24b 45%, #8f6f26 100%);

  /* Silver */
  --silver: #c9cdd2;
  --silver-dim: #9096a0;
  --silver-light: #e3e5e8;
  --paper: #dcdfe3;

  /* Text */
  --white: #f5f3ee;
  --text: #cfd2d6;
  --text-dark: #15151a;

  /* Controlled red accent — use sparingly */
  --red: #c0262d;

  /* Type */
  --font-display: "Cormorant Garamond", "Times New Roman", Georgia, serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  /* Layout */
  --gutter: clamp(20px, 5vw, 64px);
  --max: 1280px;
  --section: clamp(72px, 10vw, 136px);
  --radius: 2px;
  --header-h: 84px;

  /* Motion */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}