@font-face {
  font-family: "Ethnocentric";
  src: url("../../Ethnocentric-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root[data-v11-theme="cinematic"] {
  --color-bg: #06080d;
  --color-bg-alt: #0b1220;
  --color-surface: #101827;
  --color-text-primary: #f2f3ee;
  --color-text-secondary: #a8b3c7;
  --color-accent-primary: #22d3ee;
  --color-accent-secondary: #3b82f6;
  --color-accent-highlight: #67e8f9;
  --color-border: #1e293b;

  --v11-bg: var(--color-bg);
  --v11-bg-deep: var(--color-bg-alt);
  --v11-surface: var(--color-surface);
  --v11-surface-raised: #162033;
  --v11-border: var(--color-border);
  --v11-border-strong: #334155;
  --v11-text: var(--color-text-primary);
  --v11-text-muted: var(--color-text-secondary);
  --v11-text-subtle: #8491a6;
  --v11-accent: var(--color-accent-primary);
  --v11-accent-hover: var(--color-accent-highlight);
  --v11-cyan: var(--color-accent-primary);
  --v11-purple: var(--color-accent-secondary);
  --v11-success: #62c895;
  --v11-warning: #e0a94f;
  --v11-danger: #e06f75;

  --v11-font-display: "Ethnocentric", "Arial Narrow", sans-serif;
  --v11-font-ui: "JetBrains Mono", Consolas, monospace;
  --v11-font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --v11-text-xs: clamp(0.7rem, 0.68rem + 0.08vw, 0.76rem);
  --v11-text-sm: clamp(0.8rem, 0.77rem + 0.12vw, 0.9rem);
  --v11-text-base: clamp(0.96rem, 0.91rem + 0.2vw, 1.08rem);
  --v11-text-lg: clamp(1.12rem, 1.02rem + 0.4vw, 1.38rem);
  --v11-text-xl: clamp(1.42rem, 1.2rem + 0.85vw, 2rem);
  --v11-text-2xl: clamp(2rem, 1.55rem + 1.8vw, 3.35rem);
  --v11-text-hero: clamp(2.8rem, 1.9rem + 4vw, 6.5rem);

  --v11-space-1: 0.25rem;
  --v11-space-2: 0.5rem;
  --v11-space-3: 0.75rem;
  --v11-space-4: 1rem;
  --v11-space-5: 1.5rem;
  --v11-space-6: 2rem;
  --v11-space-7: 3rem;
  --v11-space-8: 4.5rem;

  --v11-max-width: 1200px;
  --v11-header-height: 4.5rem;
  --v11-radius-sm: 0.35rem;
  --v11-radius-md: 0.75rem;
  --v11-radius-lg: 1.25rem;
  --v11-duration-fast: 140ms;
  --v11-duration-base: 220ms;
  --v11-duration-slow: 360ms;
  --v11-ease: cubic-bezier(0.2, 0.75, 0.25, 1);
}