:root {
  --saclo-bg: #F8F2ED;
  --saclo-bg-soft: #FBF7F3;
  --saclo-surface: #FFFFFF;
  --saclo-surface-warm: #FFF9F5;

  --saclo-text: #241C19;
  --saclo-text-strong: #342824;
  --saclo-text-muted: #5B4A43;
  --saclo-text-soft: #6F5E56;
  --saclo-placeholder: #7A685F;

  --saclo-primary: #C96F60;
  --saclo-primary-hover: #B85F52;
  --saclo-primary-soft: #F1C8BE;
  --saclo-primary-bg: #FBEAE5;
  --saclo-primary-text: #FFF9F5;

  --saclo-border: #D8C8BE;
  --saclo-border-soft: #E8DDD5;
  --saclo-border-strong: #C9AFA3;

  --saclo-green: #BFDCC1;
  --saclo-green-strong: #6F9E73;
  --saclo-pink: #F6D7E2;
  --saclo-blue-soft: #CFE3F5;
  --saclo-lilac: #DCC7F7;
  --saclo-yellow: #F9E8B6;

  --saclo-radius-sm: 12px;
  --saclo-radius-md: 18px;
  --saclo-radius-lg: 28px;
  --saclo-radius-xl: 36px;

  --saclo-shadow-soft: 0 18px 50px rgba(36, 28, 25, 0.10);
  --saclo-shadow-card: 0 10px 30px rgba(36, 28, 25, 0.08);

  --saclo-brand-mark-sm: 32px;
  --saclo-brand-mark-md: 36px;
  --saclo-brand-mark-lg: 48px;
}