/* ===================================================================
   Level 33 Tattoo — Colors & Type
   ================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@500;700;800;900&family=Big+Shoulders+Inline+Text:wght@700;900&family=Cormorant+Garamond:ital,wght@1,500;1,600;1,700&family=Caveat:wght@500;700&family=Work+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;500;700&display=swap');

:root {
  --l33-ink:        #0B0B0B;
  --l33-smoke:      #1F1D1B;
  --l33-graphite:   #3A3633;
  --l33-bone:       #F4EFE6;
  --l33-cream:      #ECE3CE;
  --l33-stone:      #8A8278;
  --l33-rule:       #DCD3C0;
  --l33-blood:      #B41C1C;
  --l33-blood-deep: #7A1212;
  --l33-rust:       #8B3A22;
  --l33-gold:       #B8924A;
  --l33-gold-deep:  #7A5E2A;
  --l33-success:    #2E7D32;
  --l33-warning:    #B8924A;
  --l33-danger:     #B41C1C;
  --l33-info:       #2C5878;
  --bg:           var(--l33-bone);
  --bg-muted:     var(--l33-cream);
  --bg-card:      #FBF7EE;
  --bg-inverse:   var(--l33-ink);
  --bg-flash:     var(--l33-cream);
  --fg1:          var(--l33-ink);
  --fg2:          var(--l33-graphite);
  --fg3:          var(--l33-stone);
  --fg-on-dark:   var(--l33-bone);
  --fg-on-blood:  var(--l33-bone);
  --accent:        var(--l33-blood);
  --accent-hover:  #9A1818;
  --accent-press:  var(--l33-blood-deep);
  --accent-fg:     var(--l33-bone);
  --link:          var(--l33-ink);
  --link-hover:    var(--l33-blood);
  --success: var(--l33-success);
  --warning: var(--l33-warning);
  --danger:  var(--l33-danger);
  --info:    var(--l33-info);
  --border:        var(--l33-rule);
  --border-strong: var(--l33-ink);
  --rule:          var(--l33-rule);
  --rule-gold:     var(--l33-gold);
  --font-display:  'Big Shoulders Display', 'Oswald', 'Bebas Neue', 'Arial Narrow', sans-serif;
  --font-engraved: 'Big Shoulders Inline Text', 'Big Shoulders Display', sans-serif;
  --font-italic:   'Cormorant Garamond', 'Bodoni 72', 'Didot', Georgia, serif;
  --font-hand:     'Caveat', 'Homemade Apple', 'Comic Sans MS', cursive;
  --font-sans:     'Work Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-utility:  'Work Sans', system-ui, sans-serif;
  --font-mono:     'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  --t-xs:    12px; --t-sm:    14px; --t-base:  16px; --t-md:    18px;
  --t-lg:    20px; --t-xl:    24px; --t-2xl:   30px; --t-3xl:   40px;
  --t-4xl:   54px; --t-5xl:   72px; --t-6xl:   104px;
  --w-regular: 400; --w-medium: 500; --w-semi: 600; --w-bold: 700; --w-extra: 800; --w-black: 900;
  --lh-tight: 0.95; --lh-snug: 1.1; --lh-normal: 1.4; --lh-loose: 1.6;
  --ls-tight: -0.015em; --ls-normal: 0; --ls-wide: 0.06em; --ls-eyebrow: 0.22em; --ls-stamp: 0.32em;
  --s-0:0; --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:20px; --s-6:24px;
  --s-8:32px; --s-10:40px; --s-12:48px; --s-16:64px; --s-20:80px; --s-24:96px;
  --r-sm:0; --r-md:2px; --r-lg:4px; --r-xl:8px; --r-pill:999px;
  --shadow-sm:    0 1px 2px rgba(11,11,11,0.10);
  --shadow-md:    0 6px 18px rgba(11,11,11,0.14), 0 1px 2px rgba(11,11,11,0.06);
  --shadow-lg:    0 18px 40px rgba(11,11,11,0.22), 0 2px 6px rgba(11,11,11,0.10);
  --shadow-flash: 6px 6px 0 var(--l33-ink);
  --shadow-blood: 6px 6px 0 var(--l33-blood);
  --container: 1200px;
  --container-narrow: 760px;
}