/* ============================================================
   LIDERAIA LIBRARY — DESIGN TOKENS
   Fonte única de verdade para cores, tipografia e espaçamentos
   ============================================================ */

:root {
  /* Cores */
  --color-orange:        #E86810;
  --color-orange-light:  #FFF3EA;
  --color-orange-border: #F5C09A;
  --color-dark:          #1A1A1A;
  --color-dark-2:        #303030;
  --color-mid:           #606060;
  --color-light:         #939393;
  --color-muted:         #C8C8C8;
  --color-bg:            #FAF7F3;
  --color-bg-card:       #FFFFFF;
  --color-border:        #F0EDE8;
  --color-border-strong: #F5C09A;
  --color-white:         #FFFFFF;

  /* Sidebar */
  --sidebar-bg:          #1A1A1A;
  --sidebar-width:       280px;
  --sidebar-item-hover:  rgba(232, 104, 16, 0.08);
  --sidebar-item-active: rgba(232, 104, 16, 0.10);
  --sidebar-text:        #939393;
  --sidebar-text-hover:  #FFFFFF;

  /* Tipografia */
  --font-sans: "Just Sans Variable", Inter, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;

  /* Escala tipográfica */
  --text-hero:    52px;
  --text-section: 32px;
  --text-xl:      18px;
  --text-lg:      16px;
  --text-base:    14px;
  --text-sm:      13px;
  --text-xs:      12px;
  --text-2xs:     11px;

  /* Espaçamentos */
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-8:   32px;
  --space-10:  40px;
  --space-12:  48px;
  --space-16:  64px;

  /* Radius */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-xl:   20px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm:         0 1px 3px rgba(0,0,0,0.06);
  --shadow-md:         0 4px 12px rgba(0,0,0,0.08);
  --shadow-lg:         0 8px 24px rgba(0,0,0,0.08);
  --shadow-card-hover: 0 8px 24px rgba(0,0,0,0.06);
  --shadow-orange:     0 0 0 3px rgba(232,104,16,0.12);

  /* Transitions */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 280ms cubic-bezier(0.4, 0, 0.2, 1);

  /* Layout */
  --content-max: 1200px;
}