:root{
  --brand: #077000;
  --brand-strong: #065C00;
  --brand-soft: #DCEBDB;
  --brand-softer: #EEF5ED;
  --brand-text: #077000;
  --on-brand: #FFFFFF;
  --accent: #31E000;
  --on-accent: #0B0D14;
  --brand-gradient: linear-gradient(135deg, #077000 0%, #169700 55%, #31E000 120%);
  --brand-glow: 0 18px 50px -12px rgba(7, 112, 0, 0.55), 0 6px 18px -6px rgba(7, 112, 0, 0.35);
  --brand-ring: rgba(7, 112, 0, 0.35);
  --bg-tint: rgba(7, 112, 0, 0.07);
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --radius: 10px;
  --radius-sm: 6px;
  --radius-lg: 15px;
}
@media (prefers-color-scheme: dark){
:root:not([data-theme="light"]){
  --brand-soft: rgba(7, 112, 0, 0.22);
  --brand-softer: rgba(7, 112, 0, 0.12);
  --brand-text: #5EA259;
  --brand-glow: 0 18px 60px -14px rgba(7, 112, 0, 0.7), 0 6px 18px -6px rgba(7, 112, 0, 0.45);
  --brand-ring: rgba(94, 162, 89, 0.45);
  --bg-tint: rgba(7, 112, 0, 0.14);
}
}
:root[data-theme="dark"]{
  --brand-soft: rgba(7, 112, 0, 0.22);
  --brand-softer: rgba(7, 112, 0, 0.12);
  --brand-text: #5EA259;
  --brand-glow: 0 18px 60px -14px rgba(7, 112, 0, 0.7), 0 6px 18px -6px rgba(7, 112, 0, 0.45);
  --brand-ring: rgba(94, 162, 89, 0.45);
  --bg-tint: rgba(7, 112, 0, 0.14);
}