/*
  Deenverse Landing Styles
  Theme: Black, White, Golden Yellow
*/

:root {
  --bg: #0b0b0d;               /* near-black */
  --bg-elev: #131317;          /* elevated panels */
  --bg-panel: #14151b;         /* cards */
  --bg-overlay: rgba(19, 19, 23, 0.85);
  --nav-bg: linear-gradient(135deg, rgba(30, 58, 38, 0.94), rgba(19, 42, 28, 0.92)), linear-gradient(45deg, rgba(64, 117, 78, 0.2), transparent 50%);
  --parchment: #f6f0e5;        /* light background */
  --parchment-soft: #efe6d7;
  --parchment-veil: rgba(255, 244, 229, 0.75);
  --ink-soft: #20160f;
  --ink-muted: #5b5147;
  --shadow-soft: 0 18px 45px rgba(57, 39, 20, 0.18);
  --surface-card: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0));

  --text: #f5f6f8;             /* near-white */
  --text-soft: #d5d9e2;
  --muted: #b8bdc7;            /* secondary text */
  --muted-strong: #9fa5b2;

  --line: #23242a;             /* hairline */
  --line-soft: rgba(255,255,255,0.06);
  --gold: #FFE70A;             /* logo yellow */
  --gold-soft: #FFF27A;        /* hover/soft */
  --accent-shadow: rgba(255, 231, 10, 0.35);
  --danger: #ff6363;

  --radius-xs: 8px;
  --radius-sm: 10px;
  --radius: 14px;
  --radius-lg: 22px;

  --container: clamp(320px, 90vw, 1120px);

  --space-1: 0.35rem;
  --space-2: 0.65rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.25rem;
  --space-6: 3rem;
  --space-7: 3.75rem;

  --font-xs: clamp(0.75rem, 0.72rem + 0.25vw, 0.82rem);
  --font-sm: clamp(0.85rem, 0.82rem + 0.25vw, 0.95rem);
  --font-base: 1rem;
  --font-lg: clamp(1.1rem, 1.02rem + 0.6vw, 1.35rem);
  --font-xl: clamp(1.5rem, 1.35rem + 1.2vw, 2.2rem);
  --font-xxl: clamp(2.2rem, 1.8rem + 3vw, 3.6rem);
}