@font-face { font-family: 'GothamBold'; src: url('/api/custom-font/heading') format('truetype'); font-display: swap; }

@font-face { font-family: 'GothamBook'; src: url('/api/custom-font/body') format('truetype'); font-display: swap; }

:root {
  --amber:      #9B51E0;
  --amber-text: #9B51E0;
  --amber-dark: color-mix(in srgb, #9B51E0 75%, #000);
  --accent:     #9B51E0;
  --accent-dim: color-mix(in srgb, #9B51E0 75%, #000);
  --bg: #0E0B14;
  --ground: #0E0B14;
  --surface: #1A1425;
  --surface2: #1A1425;
  --text: #EDE8F5;
  --border: #2D2440;
  --font-heading: 'GothamBold', system-ui, serif;
  --font-body: 'GothamBook', system-ui, sans-serif;
  --header-height: 96px;
}

:root:not([data-theme="light"]) {
  --amber:      #9B51E0;
  --amber-text: #9B51E0;
  --amber-dark: color-mix(in srgb, #9B51E0 75%, #000);
  --accent:     #9B51E0;
  --accent-dim: color-mix(in srgb, #9B51E0 75%, #000);
  --bg: #0E0B14;
  --ground: #0E0B14;
  --surface: #1A1425;
  --surface2: #1A1425;
  --text: #EDE8F5;
  --border: #2D2440;
  --font-heading: 'GothamBold', system-ui, serif;
  --font-body: 'GothamBook', system-ui, sans-serif;
  --header-height: 96px;
}

:root[data-theme="light"] {
  --amber:      #9B51E0;
  --amber-text: #9B51E0;
  --amber-dark: color-mix(in srgb, #9B51E0 75%, #000);
  --accent:     #9B51E0;
  --accent-dim: color-mix(in srgb, #9B51E0 75%, #000);
  --bg: #F5F2FF;
  --ground: #F5F2FF;
  --surface: #EDE8FF;
  --surface2: #EDE8FF;
  --text: #1A0A2E;
  --border: #C9B8F0;
  --font-heading: 'GothamBold', system-ui, serif;
  --font-body: 'GothamBook', system-ui, sans-serif;
  --header-height: 96px;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --amber:      #9B51E0;
    --amber-text: #9B51E0;
    --amber-dark: color-mix(in srgb, #9B51E0 75%, #000);
    --accent:     #9B51E0;
    --accent-dim: color-mix(in srgb, #9B51E0 75%, #000);
    --bg: #F5F2FF;
    --ground: #F5F2FF;
    --surface: #EDE8FF;
    --surface2: #EDE8FF;
    --text: #1A0A2E;
    --border: #C9B8F0;
    --font-heading: 'GothamBold', system-ui, serif;
    --font-body: 'GothamBook', system-ui, sans-serif;
    --header-height: 96px;
  }
}

h1, h2, h3, h4, h5, h6, .font-heading { font-family: var(--font-heading); }

body, input, textarea, select, button { font-family: var(--font-body); }