/* aibrainbuilders.com design hub - single source of truth.
   Edit this file + redeploy root bucket; it cascades to every page on every bucket. */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

:root {
  /* surfaces */
  --bg:          #1a1612;
  --bg-2:        #221c16;
  --surface:     #2a231c;
  --surface-h:   #342b22;
  --surface-2:   #342b22;
  --surface-3:   #3d3328;
  --border:      #3d3328;
  --border-b:    #5c4e3e;

  /* text */
  --text:        #f4efe6;
  --text-2:      #b8a892;
  --text-3:      #7a6a55;
  --muted:       #b8a892;
  --dim:         #7a6a55;

  /* accents (terracotta-led, inverse Anthropic) */
  --violet:      #d97757;
  --violet-d:    #c2613f;
  --violet-dim:  #c2613f;
  --violet-glow: rgba(217,119,87,0.14);
  --teal:        #e8c5a0;
  --teal-glow:   rgba(232,197,160,0.10);
  --amber:       #d4a574;
  --amber-glow:  rgba(212,165,116,0.10);
  --indigo:      #b5563a;
  --green:       #c7b280;
  --gold:        #e89060;
  --red:         #d97757;
  --blue:        #e8c5a0;

  /* shape */
  --radius:      10px;
  --nav-h:       64px;
  --shadow:      0 18px 60px rgba(0,0,0,0.34);
}

/* Fallback stack: Helvetica everywhere so FOUT looks intentional, not weird system serif. */
body {
  font-family: 'Inter', Helvetica, Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.6;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }

/* typography utilities */
.font-bebas { font-family: 'Bebas Neue', 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: 0.03em; }
.font-syne  { font-family: 'Syne', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.font-mono  { font-family: 'JetBrains Mono', 'Menlo', 'Consolas', monospace; }