/**
 * Design tokens unificados — funil O Boticário
 */
:root {
  --black: #1A1A1A;
  --green: #008571;
  --green-dark: #006B58;
  --green-deep: #014D49;
  --green-soft: #E8F6F2;
  --magenta: #008571;
  --magenta-dark: #014D49;
  --star: #F5A623;
  --white: #FFFFFF;
  --bg: #FFFFFF;
  --bg-page: #F4F4F4;
  --bg-soft: #F7F7F7;
  --gray-50: #F5F5F5;
  --gray-100: #EAEAEA;
  --gray-200: #D4D4D4;
  --gray-300: #B4B4B4;
  --gray-500: #757575;
  --gray-700: #4D4D4D;
  --gray-900: #2A2A2A;
  --success: #2E7D32;
  --danger: #C62828;
  --warning: #F57C00;
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --container: 480px;
  --radius: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.06);
  --shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  --logo-height: 15px;
}