/* ==========================================================================
   White Label Stylesheet: elementaltool.org
   Generated: 2026-03-05T19:51:13+00:00
   DO NOT EDIT - This file is auto-generated. Edit branding config instead.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@600;700&display=swap');

/* Brand Color Variables */
:root {
  /* Primary palette */
  --color-brand-primary: #70AD47;
  --color-brand-primary-hover: #649b3f;
  --color-brand-primary-dark: #80c651;
  --color-brand-primary-dark-hover: #91e05c;
  --color-brand-primary-text: #222A35;

  /* Secondary palette */
  --color-brand-secondary: #222A35;
  --color-brand-secondary-hover: #1e252f;
  --color-brand-secondary-dark: #27303c;
  --color-brand-secondary-dark-hover: #2c3644;

  /* Accent palette */
  --color-brand-accent: #8497B0;
  --color-brand-accent-hover: #76879e;

  /* Neutral palette */
  --color-brand-neutral: #A6A6A6;

  /* Typography */
  --font-heading: 'Inter', sans-serif;
  --font-body: 'Inter', sans-serif;

  /* Border Radius (default preset) */
  --radius-card: 1.5rem;
  --radius-panel: 1rem;
  --radius-button: 9999px;
  --radius-input: 0.75rem;
  --radius-badge: 0.75rem;
}