

@font-face { font-family:"Ubuntu"; src:url("../fonts/Ubuntu-Light.ttf") format("truetype"); font-weight:300; font-style:normal; font-display:swap; }
@font-face { font-family:"Ubuntu"; src:url("../fonts/Ubuntu-Regular.ttf") format("truetype"); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:"Ubuntu"; src:url("../fonts/Ubuntu-Medium.ttf") format("truetype"); font-weight:500; font-style:normal; font-display:swap; }
@font-face { font-family:"Ubuntu"; src:url("../fonts/Ubuntu-Bold.ttf") format("truetype"); font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:"Open Sans"; src:url("../fonts/OpenSans-Light.ttf") format("truetype"); font-weight:300; font-style:normal; font-display:swap; }
@font-face { font-family:"Open Sans"; src:url("../fonts/OpenSans-Regular.ttf") format("truetype"); font-weight:400; font-style:normal; font-display:swap; }
@font-face { font-family:"Open Sans"; src:url("../fonts/OpenSans-SemiBold.ttf") format("truetype"); font-weight:600; font-style:normal; font-display:swap; }
@font-face { font-family:"Open Sans"; src:url("../fonts/OpenSans-Bold.ttf") format("truetype"); font-weight:700; font-style:normal; font-display:swap; }
@font-face { font-family:"Open Sans"; src:url("../fonts/OpenSans-ExtraBold.ttf") format("truetype"); font-weight:800; font-style:normal; font-display:swap; }

:root {
  
  --rg-red:    #FA4616;   
  --rg-red-90: #E03E10;
  --rg-red-10: #FFEDE6;
  --rg-orange:    #FF8200; 
  --rg-orange-90: #E67400;
  --rg-orange-10: #FFF1DE;
  --rg-black:  #212322;   
  --rg-ink-80: #4A4B4A;
  --rg-ink-60: #6F706F;
  --rg-ink-40: #A4A5A4;
  --rg-ink-20: #D6D7D6;
  --rg-ink-10: #E9EAE9;
  --rg-ink-05: #F4F4F3;
  --rg-cream:  #FAF7F4;

  
  --font-sans:    "Open Sans", "Helvetica Neue", Arial, sans-serif;
  --font-display: "Ubuntu", "Helvetica Neue", Arial, sans-serif;

  
  --brand:       #FA4616;
  --brand-hover: #E03E10;
  --brand-press: #E03E10;
  --brand-tint:  #FFEDE6;
  --brand-soft:  #FBD3C6;

  
  --fg-strong: #212322;
  --fg:        #3C3D3C;
  --fg-muted:  #6F706F;
  --fg-subtle: #8C8D8C;
  --fg-faint:  #A4A5A4;

  
  --bg-app:     #FAF7F4;  
  --bg-surface: #FFFFFF;
  --bg-sunken:  #F4F4F3;
  --bg-tinted:  #FFEDE6;  
  --bg-warm:    #FFF1DE;  
  --bg-overlay: rgba(33,35,34,0.55);

  
  --border:        #E2E3E2;
  --border-subtle: #ECEDEC;

  
  --success-tint: #E7F5EE;
  --sage-700:     #1F7A52;
  --sky-50:       #FFF4EF;   
  --stone-100:    #F2F2F1;
  --stone-300:    #D6D7D6;
  --stone-700:    #4A4B4A;
  --stone-900:    #212322;
  --sand-100:     #FFE0B8;
  --sand-500:     #FF8200;
  --sand-600:     #B45F00;

  
  --shadow-xs: 0 1px 2px rgba(33,35,34,0.05);
  --shadow-sm: 0 1px 2px rgba(33,35,34,0.06), 0 1px 1px rgba(33,35,34,0.04);
  --shadow-xl: 0 18px 40px rgba(33,35,34,0.12), 0 4px 12px rgba(33,35,34,0.08);

  
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
}

body { font-family: var(--font-sans); color: var(--fg); }

.t-eyebrow {
  font-family: var(--font-sans); font-weight: 700; font-size: 12px;
  letter-spacing: 0.12em; text-transform: uppercase; color: var(--brand);
}
.t-h1 {
  font-family: var(--font-display); font-weight: 700; font-size: 44px;
  line-height: 1.08; letter-spacing: -0.02em; color: var(--fg-strong);
}
.t-h3 {
  font-family: var(--font-display); font-weight: 500; font-size: 26px;
  line-height: 1.18; letter-spacing: -0.01em; color: var(--fg-strong);
}
.t-h4 {
  font-family: var(--font-display); font-weight: 500; font-size: 19px;
  line-height: 1.25; letter-spacing: -0.005em; color: var(--fg-strong);
}
.t-lede {
  font-family: var(--font-sans); font-weight: 400; font-size: 17px;
  line-height: 1.55; color: var(--fg-muted);
}
.t-body {
  font-family: var(--font-sans); font-weight: 400; font-size: 15px;
  line-height: 1.55; color: var(--fg);
}
.t-body-sm {
  font-family: var(--font-sans); font-weight: 400; font-size: 13.5px;
  line-height: 1.5; color: var(--fg);
}
.t-caption {
  font-family: var(--font-sans); font-weight: 400; font-size: 13px;
  line-height: 1.35; color: var(--fg-subtle);
}
.t-numeric {
  font-family: var(--font-sans); font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1; color: var(--fg-strong);
}
