:root{
--orange-quinta:#FF3811;
--orange-quinta-dark:#D62B08;
--orange-quinta-light:#FF6B47;
--orange-quinta-tint:#FFE4DB;
--azul-pileta:#0070F3;
--azul-pileta-dark:#0057BF;
--azul-pileta-light:#4FA0FF;
--azul-pileta-tint:#DCEBFF;
--sand-50:#FFFBF5;
--sand-100:#FFF3E6;
--sand-200:#FCE7CE;
--ink-900:#221A14;
--ink-700:#4A3B30;
--ink-500:#7A6A5C;
--ink-300:#B7A99C;
--white:#FFFFFF;
--text-heading:var(--ink-900);
--text-body:var(--ink-700);
--text-muted:var(--ink-500);
--text-on-primary:var(--white);
--text-on-dark:var(--sand-50);
--surface-page:var(--sand-50);
--surface-card:var(--white);
--surface-alt:var(--sand-100);
--surface-dark:var(--ink-900);
--border-subtle:var(--sand-200);
--border-strong:var(--ink-300);
--action-primary:var(--orange-quinta);
--action-primary-hover:var(--orange-quinta-dark);
--action-secondary:var(--azul-pileta);
--action-secondary-hover:var(--azul-pileta-dark);
--focus-ring:var(--azul-pileta);
}