/* E-GreenLife Design Tokens — trangtribancong.vn */
@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap");

:root {
  --eg-color-primary: #1B5E3B;
  --eg-color-primary-dark: #154A2F;
  --eg-color-primary-soft: #2F7D4A;
  --eg-color-accent: #C4A36A;
  --eg-color-accent-soft: #E8D9B8;
  --eg-color-background: #F7F5F0;
  --eg-color-surface: #FFFFFF;
  --eg-color-surface-muted: #F0EEE8;
  --eg-color-text: #1A1F1C;
  --eg-color-muted: #5C6B63;
  --eg-color-border: #E4E0D8;
  --eg-color-overlay: rgba(26, 31, 28, 0.55);

  --eg-font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --eg-font-body: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;

  --eg-container: 1200px;
  --eg-container-wide: 1200px;
  --eg-header-h: 72px;

  --eg-space-1: 4px;
  --eg-space-2: 8px;
  --eg-space-3: 12px;
  --eg-space-4: 16px;
  --eg-space-5: 24px;
  --eg-space-6: 32px;
  --eg-space-7: 48px;
  --eg-space-8: 64px;
  --eg-space-9: 96px;
  --eg-space-10: 128px;

  --eg-radius-sm: 4px;
  --eg-radius-md: 8px;
  --eg-radius-lg: 12px;

  --eg-shadow-sm: 0 1px 2px rgba(26, 31, 28, 0.06);
  --eg-shadow-md: 0 4px 16px rgba(26, 31, 28, 0.08);
}