/* Two Bear Capital — Tailwind v4 Theme Usage in your project's main CSS file: @import "tailwindcss"; @import url("/path/to/theme.css"); Then use utilities like: bg-tbc-green, text-tbc-dark, font-tbc-display, text-tbc-h1, etc. Google Fonts — add to your HTML : */ @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;700&family=Barlow:wght@400&family=Lora:wght@400&display=swap'); @theme { /* Colors */ --color-tbc-green: #00b451; --color-tbc-purple: #7e57c5; --color-tbc-blue: #0097ce; --color-tbc-orange: #f18a00; --color-tbc-pink: #e6558f; --color-tbc-grey: #d9d9d9; --color-tbc-dark: #100f0d; --color-tbc-off-white: #f7f5f2; --color-tbc-mid-grey: #888888; --color-tbc-teal: #00a79d; --color-tbc-yellow: #f5c518; --color-tbc-dark-green: #006b3a; --color-tbc-green-shade: #067236; --color-tbc-purple-shade: #523a7b; --color-tbc-blue-shade: #066181; --color-tbc-orange-shade: #975905; --color-tbc-pink-shade: #90395b; --color-tbc-green-tint: #a6e5c2; --color-tbc-purple-tint: #d2c4eb; --color-tbc-blue-tint: #a6dbee; --color-tbc-orange-tint: #fad6a6; --color-tbc-pink-tint: #f6c4d8; /* Font families */ --font-tbc-display: 'Helvetica Neue Condensed', 'Helvetica Neue', 'Barlow Condensed', 'Arial Narrow', sans-serif; --font-tbc-serif: 'Lora', 'Georgia', 'Times New Roman', serif; --font-tbc-body: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; --font-tbc-mono: 'Courier New', monospace; /* Font sizes (with paired line-heights) */ --text-tbc-display: 4rem; --text-tbc-display--line-height: 1.05; --text-tbc-h1: 3.5rem; --text-tbc-h1--line-height: 1.05; --text-tbc-h2: 2.25rem; --text-tbc-h2--line-height: 1.15; --text-tbc-h3: 1.75rem; --text-tbc-h3--line-height: 1.1; --text-tbc-subhead: 1.5rem; --text-tbc-subhead--line-height: 1.35; --text-tbc-body: 1rem; --text-tbc-body--line-height: 1.6; --text-tbc-label: 0.875rem; --text-tbc-label--line-height: 1.5; --text-tbc-caption: 0.6875rem; --text-tbc-caption--line-height: 1.4; /* Letter spacing */ --tracking-tbc-tight: -0.01em; --tracking-tbc-label: 0.08em; --tracking-tbc-wide: 0.1em; --tracking-tbc-wider: 0.12em; }