/* base.css — cryptocasino-germany.com — cc-dark theme */

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/pt-sans-400.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/pt-sans-700.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --cc-bg:        #0d1117;
  --cc-surface:   #161b22;
  --cc-surface-2: #21262d;
  --cc-accent:    #00d4ff;
  --cc-accent-2:  #ff6b35;
  --cc-text:      #e6edf3;
  --cc-muted:     #8b949e;
  --cc-gold:      #ffd700;
  --cc-green:     #3fb950;
  --cc-red:       #f85149;
  --cc-border:    #30363d;
  --cc-cta-bg:    #00d4ff;
  --cc-cta-text:  #0d1117;
  --cc-font:      'PT Sans', system-ui, sans-serif;
  --cc-radius:    8px;
}

html { scroll-behavior: smooth; }

body {
  font-family: var(--cc-font);
  font-size: 16px;
  line-height: 1.65;
  color: var(--cc-text);
  background: var(--cc-bg);
  -webkit-font-smoothing: antialiased;
}

a { color: var(--cc-accent); text-decoration: none; }
a:hover { text-decoration: underline; }

img { max-width: 100%; height: auto; display: block; }

ul, ol { padding-left: 1.4em; }

h1 { font-size: 2rem;   font-weight: 700; line-height: 1.2; margin-bottom: 0.5rem; }
h2 { font-size: 1.5rem; font-weight: 700; line-height: 1.3; margin-bottom: 0.5rem; }
h3 { font-size: 1.2rem; font-weight: 600; line-height: 1.3; margin-bottom: 0.4rem; }
h4 { font-size: 1rem;   font-weight: 600; margin-bottom: 0.3rem; }

p { margin-bottom: 1rem; }
p:last-child { margin-bottom: 0; }

strong { font-weight: 700; }

/* Utility */
.cc-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.cc-inner     { max-width: 860px;  margin: 0 auto; padding: 0 24px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }