/* DePream — original brand palette, red-led (deep red-black, crimson accent, warm terracotta secondary) */

@import url('https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');

:root {
  --bg: #0d0605;
  --surface: #180d0b;
  --surface-2: #201310;
  --text: #f7f0ea;
  --muted: #b9a199;
  --line: rgba(224, 106, 82, .18);
  --accent: #d9483a;
  --accent-2: #e08a5c;
  --accent-ink: #1e0704;
  --success: #7bd88f;
  --warning: #e08a5c;
  --danger: #c23b3b;
  --radius: 22px;
  --radius-small: 12px;
  --heading: "Sora", "Segoe UI", sans-serif;
  --body: "Inter", "Segoe UI", Arial, sans-serif;
}

body {
  background-image:
    radial-gradient(ellipse 60% 45% at 18% -8%, rgba(217, 72, 58, .16), transparent 60%),
    radial-gradient(ellipse 55% 40% at 92% 12%, rgba(224, 138, 92, .11), transparent 60%),
    radial-gradient(ellipse 70% 50% at 50% 115%, rgba(194, 59, 59, .14), transparent 60%);
}
body::before {
  background-image:
    linear-gradient(rgba(224, 106, 82, .03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(224, 106, 82, .03) 1px, transparent 1px);
  background-size: 56px 56px;
  -webkit-mask-image: linear-gradient(to bottom, #000, transparent 68%);
  mask-image: linear-gradient(to bottom, #000, transparent 68%);
}

.site-header { background: color-mix(in srgb, var(--bg) 84%, transparent); }
.brand small { color: var(--accent-2); }

.hero-image { filter: saturate(1.02) brightness(.88) contrast(1.05) hue-rotate(-4deg); }
.hero-overlay { background: linear-gradient(100deg, var(--bg) 6%, color-mix(in srgb, var(--bg) 88%, transparent) 38%, color-mix(in srgb, var(--bg) 30%, transparent) 74%, color-mix(in srgb, var(--bg) 58%, transparent) 100%), linear-gradient(0deg, var(--bg), transparent 48%); }
.hero-orbit { border-color: rgba(224, 106, 82, .22); box-shadow: 0 0 0 90px rgba(224, 106, 82, .012), 0 0 0 180px rgba(224, 106, 82, .01); }
.hero-planet { box-shadow: 0 0 130px 46px rgba(217, 72, 58, .22); border-radius: 50%; }
.hero-logo-mark { filter: drop-shadow(0 0 60px rgba(217, 72, 58, .22)); }
.hero h1 { text-shadow: 0 0 46px rgba(217, 72, 58, .22); }
.hero h1 span { color: var(--accent); }

.button { border-radius: var(--radius-small); }
.button-primary { box-shadow: 0 14px 34px color-mix(in srgb, var(--accent) 26%, transparent); }

.ticker { background: linear-gradient(90deg, var(--accent), var(--danger)); }

.section-index::before { content: "◆ "; color: var(--accent-2); }

.project-card { outline: 1px solid rgba(224, 106, 82, .05); }
.project-card:nth-child(3) { border-color: rgba(194, 59, 59, .5); box-shadow: 0 28px 110px rgba(194, 59, 59, .18); }
.status-released { background: color-mix(in srgb, var(--success) 78%, #06140d); }

.preamverse { background: linear-gradient(135deg, color-mix(in srgb, var(--danger) 78%, #1a0505), var(--bg)); }
.preamverse-art { opacity: .5; }

.team-image { border: 1px solid rgba(224, 106, 82, .18); }

.accordion-item summary span { color: var(--accent); }

.privacy-grid article:hover, .team-principles article:hover { background: rgba(224, 106, 82, .04); }

.connect-code { border-color: var(--accent-2); color: var(--accent-2); }

@media (max-width: 980px) {
  .hero { min-height: 760px; }
}