@import url('https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

/* O light-theme só redefine os tokens :root.
   Todos os componentes usam var() e se adaptam automaticamente.
   Este arquivo deve ser incluído DEPOIS do dark-theme.css. */

:root {
  --rev-orange:        #ff5b00;
  --rev-orange-light:  #ff7a2e;
  --rev-orange-pale:   #ff9955;
  --rev-orange-ghost:  rgba(255,91,0,.07);
  --rev-orange-border: rgba(255,91,0,.22);
  --rev-orange-glow:   rgba(255,91,0,.20);
  --rev-bg:            #ffffff;
  --rev-s1:            #fafaf9;
  --rev-s2:            #f4f3f1;
  --rev-s3:            #ecebe8;
  --rev-s4:            #e2e0dc;
  --rev-s5:            #d4d1cd;
  --rev-border:        #ebe9e5;
  --rev-border-strong: #d8d5d0;
  --rev-t1:            #0a0a0a;
  --rev-t2:            #1f1f1f;
  --rev-t3:            #525252;
  --rev-t4:            #737373;
  --rev-t5:            #a3a3a3;
  --rev-green:         #00cc66;
  --rev-blue:          #0099ff;
  --rev-red:           #ff4444;
  --color-brand: var(--rev-orange);
  --font-display: 'Sora', sans-serif;
  --font-body:    'Outfit', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;
  --ease-out:  cubic-bezier(0.16,1,0.3,1);
  --ease-base: cubic-bezier(0.4,0,0.2,1);
  --dur-fast:  150ms;
  --dur-base:  200ms;
}

body::before {
  background-image:
    linear-gradient(rgba(255,91,0,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,91,0,.04) 1px, transparent 1px);
}
::selection { background: rgba(255,91,0,.25); color: #000; }
.app-nav { background: rgba(255,255,255,.92); }