/* Focus design tokens — extracted verbatim from Design/Focus Coach.dc.html.
   Single source of truth for colors, type, radii, shadows, animations. */

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900&display=swap');

:root {
  /* brand */
  --fc-green:        #6E9B73;
  --fc-green-soft:   #E7EFE5;
  --fc-ink:          #2C352D;
  --fc-ink-2:        #5d6a5b;
  --fc-muted:        #8a9387;
  --fc-muted-2:      #9aa295;
  --fc-line:         #E3DFD3;
  --fc-line-2:       #F0EDE4;

  /* surfaces */
  --fc-surface:      #F4F2EC;
  --fc-surface-2:    #EAF0E7;
  --fc-card:         #ffffff;
  --fc-page:         radial-gradient(120% 80% at 50% 0%, #ECE7DC 0%, #E2DCCF 100%);
  --fc-auth-bg:      linear-gradient(180deg,#F4F2EC 0%,#EAF0E7 100%);

  /* accents */
  --fc-amber:        #D89A3F;
  --fc-amber-bg:     #FBF1DD;
  --fc-danger:       #C26B5A;
  --fc-danger-bg:    #FBEEEA;

  /* category tints (bg / fg) */
  --fc-cat-pill-bg:  #EDE7F6; --fc-cat-pill-fg:  #8a72c0;
  --fc-cat-water-bg: #E2EFF5; --fc-cat-water-fg: #5a9cc0;
  --fc-cat-leaf-bg:  #E7EFE5; --fc-cat-leaf-fg:  #6E9B73;
  --fc-cat-trash-bg: #F4ECE3; --fc-cat-trash-fg: #b58c5e;
  --fc-cat-heart-bg: #F8E8E6; --fc-cat-heart-fg: #cf8276;
  --fc-cat-bell-bg:  #FBF1DD; --fc-cat-bell-fg:  #D89A3F;

  /* radii */
  --fc-r-sm: 11px; --fc-r-md: 16px; --fc-r-lg: 20px; --fc-r-xl: 26px; --fc-r-2xl: 32px;

  /* shadows */
  --fc-shadow-card:  0 8px 20px -16px rgba(44,53,45,.4);
  --fc-shadow-soft:  0 12px 30px -20px rgba(44,53,45,.5);
  --fc-shadow-green: 0 12px 24px -10px rgba(110,155,115,.8);
  --fc-shadow-sheet: 0 18px 40px -16px rgba(35,42,33,.5);

  --fc-font: 'Nunito', system-ui, -apple-system, sans-serif;
}

* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }

/* animations (from design @keyframes) */
@keyframes fcFadeUp { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }
@keyframes fcPop    { 0%{opacity:0;transform:scale(.92);} 60%{transform:scale(1.02);} 100%{opacity:1;transform:scale(1);} }
@keyframes fcRing   { 0%{transform:scale(1);opacity:.55;} 100%{transform:scale(2.4);opacity:0;} }
@keyframes fcBell   { 0%,100%{transform:rotate(0);} 20%{transform:rotate(11deg);} 40%{transform:rotate(-9deg);} 60%{transform:rotate(6deg);} 80%{transform:rotate(-4deg);} }
@keyframes fcToast  { from{opacity:0;transform:translate(-50%,18px);} to{opacity:1;transform:translate(-50%,0);} }
@keyframes fcSlideUp{ from{transform:translateY(100%);} to{transform:translateY(0);} }
@keyframes fcWave   { 0%,100%{transform:scaleY(.35);} 50%{transform:scaleY(1);} }
@keyframes fcSpin   { to{transform:rotate(360deg);} }