
:root {
  --c-orange:      #D4550A;
  --c-orange-2:    #EF6820;
  --c-orange-3:    #FF9A5C;
  --c-orange-pale: #FFF4ED;
  --c-orange-pale2:#FFE8D6;

  --c-cream:       #FDFAF5;
  --c-cream-2:     #F5EEE3;
  --c-cream-3:     #EAE0D0;
  --c-cream-4:     #DDD0BC;

  --c-ink:         #180E07;
  --c-ink-2:       #3D2810;
  --c-ink-3:       #7A5C40;
  --c-ink-4:       #B5967A;

  --c-white:       #FFFFFF;
  --c-error:       #DC2626;
  --c-success:     #16A34A;
  --c-warning:     #D97706;
  --c-info:        #2563EB;

  --font-display: 'Fraunces', ui-serif, serif;
  --font-body:    'Inter', system-ui, -apple-system, sans-serif;

  --fw-light:     300;
  --fw-regular:   400;
  --fw-medium:    500;
  --fw-semibold:  600;
  --fw-bold:      700;
  --fw-extrabold: 700;

  --fs-xs:   0.6875rem;
  --fs-sm:   0.8125rem;
  --fs-base: 0.9375rem;
  --fs-md:   1.0625rem;
  --fs-lg:   1.25rem;
  --fs-xl:   1.5rem;
  --fs-2xl:  2rem;
  --fs-3xl:  2.5rem;
  --fs-4xl:  3.25rem;
  --fs-5xl:  4.25rem;

  --lh-tight:  1.15;
  --lh-snug:   1.35;
  --lh-normal: 1.65;
  --lh-loose:  1.85;

  --ls-tight:  -0.025em;
  --ls-normal:  0;
  --ls-wide:    0.04em;
  --ls-wider:   0.08em;
  --ls-widest:  0.14em;

  --sp-1:  0.25rem;
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-5:  1.25rem;
  --sp-6:  1.5rem;
  --sp-8:  2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-20: 5rem;
  --sp-24: 6rem;

  --r-sm:  8px;
  --r-md:  12px;
  --r-lg:  18px;
  --r-xl:  24px;
  --r-2xl: 32px;
  --r-full: 9999px;

  --sh-xs: 0 1px 4px rgba(24,14,7,.06);
  --sh-sm: 0 2px 12px rgba(24,14,7,.09);
  --sh-md: 0 6px 28px rgba(24,14,7,.12);
  --sh-lg: 0 16px 56px rgba(24,14,7,.16);
  --sh-xl: 0 28px 80px rgba(24,14,7,.2);
  --sh-orange: 0 8px 32px rgba(212,85,10,.32);

  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in:    cubic-bezier(0.64, 0, 0.78, 0);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring:cubic-bezier(0.34, 1.56, 0.64, 1);
  --t-fast:  0.18s;
  --t-base:  0.28s;
  --t-slow:  0.45s;

  --container: 1300px;
  --nav-h:     72px;

  --cc-1-bg: linear-gradient(135deg,#FFF3EC,#FFE8D6);
  --cc-2-bg: linear-gradient(135deg,#F0FDF4,#DCFCE7);
  --cc-3-bg: linear-gradient(135deg,#FFF7ED,#FFEDD5);
  --cc-4-bg: linear-gradient(135deg,#EFF6FF,#DBEAFE);
  --cc-5-bg: linear-gradient(135deg,#FDF4FF,#FAE8FF);
  --cc-6-bg: linear-gradient(135deg,#FFF1F2,#FFE4E6);
  --cc-7-bg: linear-gradient(135deg,#F0FFFE,#CCFBF1);
  --cc-8-bg: linear-gradient(135deg,#FFFBEB,#FEF3C7);
  --cc-9-bg: linear-gradient(135deg,#F8FAFC,#F1F5F9);
}
