/*
Theme Name: OTB - Creator Infrastructure
Theme URI: https://otb.example.com
Author: OTB
Author URI: https://otb.example.com
Description: Custom WordPress theme for OTB — Creator-first entertainment infrastructure. Content managed via ACF. Bootstrap grid + custom CSS design system.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: otb
*/

/* ==========================================================================
   ROOT DESIGN TOKENS
   ========================================================================== */
:root{
  /* Colors */
  --otb-black: #0a0a0a;
  --otb-black-soft: #0d0d0d;
  --otb-section-alt: #131313;
  --otb-card-bg: #141414;
  --otb-border: #262422;
  --otb-border-soft: rgba(196,158,84,0.25);

  --otb-gold: #c49e54;
  --otb-gold-bright: #d8b872;
  --otb-gold-dim: rgba(196,158,84,0.65);

  --otb-cream: #f4efe6;
  --otb-text: #d8d5cf;
  --otb-text-muted: #9a978f;
  --otb-text-faint: #6f6d67;

  /* Typography */
  --otb-font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --otb-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --otb-font-mono: 'Space Mono', 'Courier New', monospace;

  /* Spacing */
  --otb-section-pad: 120px;
  --otb-section-pad-mobile: 64px;
  --otb-container-max: 1200px;

  /* Misc */
  --otb-radius: 0px;
  --otb-transition: 0.35s cubic-bezier(0.4,0,0.2,1);
}

/* ==========================================================================
   RESET
   ========================================================================== */
*, *::before, *::after{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }
body{
  margin:0;
  background: var(--otb-black);
  color: var(--otb-text);
  font-family: var(--otb-font-sans);
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
img{ max-width:100%; display:block; height:auto; }
a{ color: inherit; text-decoration:none; }
ul{ margin:0; padding:0; list-style:none; }
button{ font-family: inherit; cursor:pointer; }
h1,h2,h3,h4,h5,h6{
  font-family: var(--otb-font-serif);
  color: var(--otb-cream);
  font-weight:700;
  line-height:1.2;
  margin: 0 0 20px;
}
p{ margin:0 0 16px; }
.otb-container{
  width:100%;
  max-width: var(--otb-container-max);
  margin:0 auto;
  padding: 0 24px;
}