/* Despertar Adolescencia brand palette */
:root {
  --color-bg: #F7F4EE;
  --color-base: #F7F4EE;
  --color-surface: #FFFDF8;
  --color-surface-soft: #EAF4F1;
  --color-surface-strong: #FFFFFF;
  --color-footer: #16333B;

  --color-text: #16333B;
  --color-muted: #51646E;
  --color-border: #CFE2DC;
  --color-border-strong: rgba(31, 110, 104, .32);

  --color-primary: #1F6E68;
  --color-primary-dark: #185B57;
  --color-primary-soft: rgba(31, 110, 104, .12);
  --color-accent: #1F6E68;
  --color-accent-hover: #185B57;
  --color-accent-soft: #EAF4F1;
  --color-action: #F29F67;
  --color-action-hover: #E58A4F;
  --color-action-soft: #FCE7D7;
  --color-support: #3F6F64;
  --color-dark: #16333B;

  --color-success: #3F6F64;
  --color-success-light: rgba(63, 111, 100, .13);
  --color-warning: #F29F67;
  --color-warning-light: rgba(242, 159, 103, .18);
  --color-danger: #A8463D;
  --color-danger-light: rgba(168, 70, 61, .12);
  --color-info: #1F6E68;
  --color-info-light: rgba(31, 110, 104, .12);
  --color-offer: #F29F67;

  --font-heading: 'Manrope', 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-main: 'Inter', 'Manrope', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;

  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 26px;

  --shadow-soft: 0 18px 45px rgba(22, 51, 59, .08);
  --shadow-hover: 0 24px 60px rgba(22, 51, 59, .13);
  --shadow-card: 0 16px 38px rgba(22, 51, 59, .09);
  --transition-normal: all .22s ease;

  --navbar-bg: #FFFDF8;
  --navbar-text: #16333B;
  --navbar-title: #16333B;
  --footer-bg: #16333B;
  --footer-text: #FFFDF8;

  /* Compatibility aliases used by existing templates. */
  --beige: var(--color-bg);
  --beige-soft: var(--color-surface);
  --brown: var(--color-primary);
  --brown-dark: var(--color-primary-dark);
  --brown-soft: var(--color-surface-soft);
  --ink: var(--color-text);
  --muted: var(--color-muted);

  --be-bg: var(--color-bg);
  --be-bg-soft: var(--color-surface);
  --be-text: var(--color-text);
  --be-muted: var(--color-muted);
  --be-border: var(--color-border);
  --be-primary: var(--color-primary);
  --be-primary-hover: var(--color-primary-dark);
  --be-primary-soft: var(--color-primary-soft);
  --be-dark: var(--color-dark);

  --ar-bg: var(--color-bg);
  --ar-surface: var(--color-surface);
  --ar-surface-soft: var(--color-surface-soft);
  --ar-text: var(--color-text);
  --ar-muted: var(--color-muted);
  --ar-border: var(--color-border);
  --ar-green: var(--color-primary);
  --ar-green-dark: var(--color-primary-dark);
  --ar-green-soft: var(--color-primary-soft);

  --simplex-bg: var(--color-bg);
  --simplex-surface: var(--color-surface);
  --simplex-surface-alt: var(--color-surface-soft);
  --simplex-text: var(--color-text);
  --simplex-muted: var(--color-muted);
  --simplex-border: var(--color-border);
  --simplex-primary: var(--color-primary);
  --simplex-primary-dark: var(--color-primary-dark);
}