/* ============================================
   AMIGOS DA VIDA ANIMAL — Crisis Design System
   Dark-first palette: urgency, alarm, impact
   ============================================ */

:root {
  /* Light mode base (override below for dark) */
  --color-primary:        #1A9E10;
  --color-primary-light:  #28CC14;
  --color-primary-dark:   #0D6808;
  --color-secondary:      #007BAA;
  --color-secondary-light:#009BD4;
  --color-accent:         #E07B00;
  --color-danger:         #D42020;
  --color-warning:        #E09A00;
  --color-crisis:         #C43000;

  --color-bg:             #EEF5E8;
  --color-surface:        #FFFFFF;
  --color-surface-alt:    #E3EFD9;
  --color-surface-card:   #FFFFFF;
  --color-border:         #B8D4AC;
  --color-border-vivid:   #8CB87C;
  --color-text:           #0C1A0B;
  --color-text-muted:     #3D6435;
  --color-error:          #D42020;
  --color-success:        #1A9E10;

  --font-heading: 'Oswald', 'Arial Narrow', sans-serif;
  --font-body:    'DM Sans', 'Helvetica Neue', sans-serif;
  --font-display: 'Oswald', 'Impact', sans-serif;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;

  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.25rem;
  --space-6:  1.5rem;
  --space-8:  2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;

  --container-max:     1200px;
  --container-padding: var(--space-6);

  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-full: 9999px;

  --shadow-sm:  0 1px 3px rgba(0,0,0,.10);
  --shadow-md:  0 4px 16px rgba(0,0,0,.14);
  --shadow-lg:  0 8px 32px rgba(0,0,0,.18);
  --shadow-xl:  0 16px 64px rgba(0,0,0,.24);
  --glow-green: 0 0 32px rgba(62,223,37,.25);
  --glow-alarm: 0 0 32px rgba(255,149,0,.25);
  --glow-red:   0 0 32px rgba(255,49,49,.25);

  --transition-fast:   150ms ease;
  --transition-normal: 250ms ease;
  --transition-slow:   400ms ease;

  --z-nav:       100;
  --z-sticky:    200;
  --z-fab:       800;
  --z-theme-btn: 700;
  --z-modal:     900;
}

/* ============================================
   DARK MODE (default aesthetic)
   ============================================ */
[data-theme="dark"] {
  --color-primary:        #3EDF25;
  --color-primary-light:  #6FFF58;
  --color-primary-dark:   #24B015;
  --color-secondary:      #00D9FF;
  --color-secondary-light:#64EAFF;
  --color-accent:         #FF9500;
  --color-danger:         #FF3131;
  --color-warning:        #FFB800;
  --color-crisis:         #FF4500;

  --color-bg:             #040906;
  --color-surface:        #080F07;
  --color-surface-alt:    #0C1A0B;
  --color-surface-card:   #0F1E0D;
  --color-border:         #162614;
  --color-border-vivid:   #264422;
  --color-text:           #C8E8BB;
  --color-text-muted:     #578C4C;
  --color-error:          #FF3131;
  --color-success:        #3EDF25;
}