/* Two Bear Capital — Design Tokens Framework-agnostic CSS custom properties. 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'); :root { /* Primary */ --tbc-green: #00b451; --tbc-purple: #7e57c5; --tbc-blue: #0097ce; --tbc-orange: #f18a00; /* Secondary */ --tbc-pink: #e6558f; --tbc-grey: #d9d9d9; /* Neutrals */ --tbc-dark: #100f0d; --tbc-off-white: #f7f5f2; --tbc-mid-grey: #888888; /* Extended */ --tbc-teal: #00a79d; --tbc-yellow: #f5c518; --tbc-dark-green: #006b3a; /* Shades */ --tbc-green-shade: #067236; --tbc-purple-shade: #523a7b; --tbc-blue-shade: #066181; --tbc-orange-shade: #975905; --tbc-pink-shade: #90395b; /* Tints */ --tbc-green-tint: #a6e5c2; --tbc-purple-tint: #d2c4eb; --tbc-blue-tint: #a6dbee; --tbc-orange-tint: #fad6a6; --tbc-pink-tint: #f6c4d8; /* Font Stacks */ --tbc-font-display: 'Helvetica Neue Condensed', 'Helvetica Neue', 'Barlow Condensed', 'Arial Narrow', sans-serif; --tbc-font-serif: 'Lora', 'Georgia', 'Times New Roman', serif; --tbc-font-body: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; --tbc-font-mono: 'Courier New', monospace; }