/* =============================================================================
   ADHDity — 01-base.css
   Sections: 0. Global Reset · 1. Animations · 2. Variables & Base
   ============================================================================= */


/* 0. GLOBAL RESET
   ============================================================================= */

html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}


/* 1. ANIMATIONS / KEYFRAMES
   ============================================================================= */

@keyframes arFadeIn {
  from { opacity: 0; transform: translateY(-8px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes arPulse {
  0%, 100% { transform: scale(1); }
  50%      { transform: scale(1.03); }
}

@keyframes arPickSwapIn {
  0%   { opacity: 0; transform: translateY(24px) scale(.97); filter: blur(6px); }
  100% { opacity: 1; transform: translateY(0) scale(1);      filter: blur(0); }
}

@keyframes adhdityCardIn {
  from { opacity: 0; transform: translateY(24px) scale(.97); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}


/* 2. RECIPES APP — Variables & Base
   ============================================================================= */

.adhdity-recipes {
  --bg: #F8FAFC;
  --card: #FFFFFF;
  --ink: #111827;
  --muted: #6B7280;
  --line: #E5E7EB;
  --accent: #FBBF24;
  --accent2: #F59E0B;
  --danger: #DC2626;
  --shadow: 0 2px 16px rgba(0,0,0,0.05);
  --btn-dark: #1F2937;
  --btn-dark-hover: #273244;
  --btn-dark-border: rgba(0,0,0,0.08);
  --btn-dark-shadow: 0 4px 10px rgba(0,0,0,0.06);
  --fs-bg: #F5F5F3;
  --fs-ink: #141414;
  --fs-muted: rgba(20,20,20,.62);
  --fs-hint: rgba(20,20,20,.40);
  --fs-line: rgba(20,20,20,.10);
  --shadow-soft: 0 14px 40px rgba(15,23,42,0.10);
  --shadow-soft2: 0 8px 22px rgba(15,23,42,0.08);
  --wash-1: rgba(224, 82, 82, 0.10);
  --wash-2: rgba(245, 158, 11, 0.08);

  font-family: "Nunito", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  background: var(--bg);
  color: var(--ink);
  border-radius: 18px;
  overflow: hidden;
}

.adhdity-recipes * {
  box-sizing: border-box;
}

.adhdity-recipes button,
.adhdity-recipes input {
  font: inherit;
}