/* ============================================
   DRi Vision - Design Tokens & Theme Variables
   Change colors here to retheme the entire app
   ============================================ */

:root {
  /* ---- Accent ---- */
  --accent:          #d97756;
  --accent-hover:    #c4684a;
  --accent-subtle:   rgba(217, 119, 86, 0.12);
  --accent-glow:     rgba(217, 119, 86, 0.25);

  /* ---- Backgrounds ---- */
  --bg-primary:      #1a1a1a;
  --bg-secondary:    #222222;
  --bg-sidebar:      #161616;
  --bg-header:       #1e1e1e;
  --bg-surface:      #2a2a2a;
  --bg-surface-hover:#323232;
  --bg-input:        #2c2c2c;

  /* ---- Text ---- */
  --text-primary:    #e8e4e0;
  --text-secondary:  #9a9490;
  --text-muted:      #6b6560;
  --text-on-accent:  #1a1a1a;

  /* ---- Borders ---- */
  --border:          #2e2e2e;
  --border-light:    #3a3a3a;

  /* ---- Spacing ---- */
  --sidebar-width:   260px;
  --header-height:   56px;

  /* ---- Radius ---- */
  --radius-sm:       6px;
  --radius-md:       10px;
  --radius-lg:       14px;
  --radius-full:     9999px;

  /* ---- Transitions ---- */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;

  /* ---- Typography ---- */
  --font-family:     'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-size-xs:    0.75rem;
  --font-size-sm:    0.8125rem;
  --font-size-base:  0.875rem;
  --font-size-lg:    1rem;
  --font-size-xl:    1.25rem;
  --font-size-2xl:   1.5rem;

  /* ---- Shadows ---- */
  --shadow-sm:       0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md:       0 4px 12px rgba(0, 0, 0, 0.4);
  --shadow-lg:       0 8px 24px rgba(0, 0, 0, 0.5);
}