:root {
  /* RSH — Brand Colors */
  --rsh-purple: #482258;
  --rsh-purple-dark: #2B1930;
  --rsh-gold: #C09965;
  --rsh-gold-text: #8B6535; /* tonalidade funcional para texto pequeno em fundos claros */
  --rsh-off-white: #FBF9F6;
  --rsh-beige: #F3EEE8;
  --rsh-black: #000000;
  --rsh-white: #FFFFFF;
  --rsh-graphite: #2F2F2F;

  /* Semantic colors */
  --color-bg: var(--rsh-off-white);
  --color-surface: var(--rsh-white);
  --color-text: #231F20;
  --color-muted: #6A6266;
  --color-heading: var(--rsh-purple-dark);
  --color-accent: var(--rsh-gold);
  --color-border: rgba(72, 34, 88, 0.16);

  /* Typography */
  --font-display: "EB Garamond", Georgia, "Times New Roman", serif;
  --font-body: "Manrope", Arial, Helvetica, sans-serif;
  --font-ui: "Manrope", Arial, Helvetica, sans-serif;

  /* Fluid type */
  --fs-hero: clamp(2.65rem, 6vw, 5.7rem);
  --fs-h2: clamp(2rem, 4vw, 3.8rem);
  --fs-h3: clamp(1.25rem, 2vw, 1.65rem);
  --fs-body-lg: clamp(1.03rem, 1.4vw, 1.22rem);
  --fs-body: 1rem;
  --fs-small: 0.9rem;

  /* Layout */
  --container: 1180px;
  --container-narrow: 820px;
  --gutter: clamp(1.1rem, 3vw, 2rem);
  --section-y: clamp(4.5rem, 8vw, 7.5rem);

  /* Radius */
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 30px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-soft: 0 16px 50px rgba(43, 25, 48, 0.08);
  --shadow-card: 0 12px 35px rgba(43, 25, 48, 0.07);

  /* Motion */
  --ease: cubic-bezier(.22,.61,.36,1);
  --duration: 220ms;
}