@font-face {
  font-family: 'Berylium';
  src: url('https://cdn.ohqcc.com/CDN/fonts/Berylium-Bold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Berylium';
  src: url('https://cdn.ohqcc.com/CDN/fonts/Berylium-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Berylium';
  src: url('https://cdn.ohqcc.com/CDN/fonts/Berylium-Semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Vademecum';
  src: url('https://cdn.ohqcc.com/CDN/fonts/Vademecum-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Vademecum';
  src: url('https://cdn.ohqcc.com/CDN/fonts/Vademecum-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Vademecum';
  src: url('https://cdn.ohqcc.com/CDN/fonts/Vademecum-Semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Unispace';
  src: url('https://cdn.ohqcc.com/CDN/fonts/Unispace-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Colores desde theme.json */
  --bg: #FFFFFF;
  --bg-alt: #F6F5F3;
  --text: #0A0A0A;
  --text-muted: #6C6C6C;
  --accent: #BFA882;
  --accent-dark: #A8916C;
  --border: #E2DED9;
  --surface: #FFFFFF;

  /* Tipografía */
  --font-headings: 'Berylium', Georgia, serif;
  --font-body: 'Vademecum', system-ui, -apple-system, sans-serif;
  --font-code: 'Unispace', monospace;

  /* Medidas */
  --max-w: 1160px;
  --nav-h: 64px;
  --r: 3px;
}

[data-theme="dark"] {
  --bg: #0A0A0A;
  --bg-alt: #111111;
  --text: #F0EDE8;
  --text-muted: #888888;
  --accent: #BFA882;
  --accent-dark: #A8916C;
  --border: #2A2826;
  --surface: #161412;
}