/* Yellina Seeds — Design Tokens, Reset, Base Styles */


/* ============================================================
   DESIGN TOKENS
   ============================================================ */
:root {
  --gold:        #F5A623;
  --gold-dark:   #C8821A;
  --gold-light:  #FFC85C;
  --gold-pale:   #FFF8EC;
  --gold-border: #FDEBC8;

  --ink:         #0F1923;
  --ink-2:       #1E2D3D;
  --ink-3:       #37495C;
  --ink-4:       #5A6E82;
  --ink-5:       #8A9BAD;

  --surface:     #FFFFFF;
  --surface-2:   #F8F9FB;
  --surface-3:   #F0F3F7;
  --surface-4:   #E4E9F0;

  --green:       #10B981;
  --green-bg:    #ECFDF5;
  --green-bdr:   #A7F3D0;

  --blue:        #3B82F6;
  --blue-bg:     #EFF6FF;
  --blue-bdr:    #BFDBFE;

  --amber:       #F59E0B;
  --amber-bg:    #FFFBEB;
  --amber-bdr:   #FDE68A;

  --red:         #EF4444;
  --red-bg:      #FEF2F2;
  --red-bdr:     #FECACA;

  --purple:      #8B5CF6;
  --purple-bg:   #F5F3FF;
  --purple-bdr:  #DDD6FE;

  --radius-sm:   6px;
  --radius:      10px;
  --radius-lg:   16px;
  --radius-xl:   24px;

  --shadow-xs:   0 1px 2px rgba(15,25,35,.06);
  --shadow-sm:   0 2px 8px rgba(15,25,35,.08), 0 1px 2px rgba(15,25,35,.04);
  --shadow:      0 4px 16px rgba(15,25,35,.10), 0 2px 4px rgba(15,25,35,.05);
  --shadow-lg:   0 12px 40px rgba(15,25,35,.14), 0 4px 8px rgba(15,25,35,.06);
  --shadow-xl:   0 24px 64px rgba(15,25,35,.18), 0 8px 16px rgba(15,25,35,.08);

  --sidebar-w:   240px;
  --topbar-h:    60px;
  --transition:  .18s cubic-bezier(.4,0,.2,1);
}

/* ============================================================
   RESET + BASE
   ============================================================ */
*, *::before, *::after { box-sizing:border-box; margin:0; padding:0; }
html { font-size:14px; -webkit-font-smoothing:antialiased; scroll-behavior:smooth; }
body { background:var(--surface-2); color:var(--ink); font-family:'DM Sans',sans-serif; min-height:100vh; overflow-x:hidden; }
a { color:inherit; text-decoration:none; }
button, input, select, textarea { font-family:inherit; }
svg { display:block; flex-shrink:0; }

/* ============================================================
   SCROLLBAR
   ============================================================ */
::-webkit-scrollbar { width:5px; height:5px; }
::-webkit-scrollbar-track { background:transparent; }
::-webkit-scrollbar-thumb { background:var(--surface-4); border-radius:99px; }
::-webkit-scrollbar-thumb:hover { background:var(--ink-5); }