/* ============================================================
   BOOKR — Design System Variables
   ============================================================ */

:root {
  /* Brand */
  --color-primary:        #6C63FF;
  --color-primary-light:  #8B83FF;
  --color-primary-dark:   #5048E5;
  --color-primary-rgb:    108, 99, 255;

  --color-secondary:      #00D2D3;
  --color-secondary-light:#33DCDD;
  --color-secondary-dark: #00A8A9;
  --color-secondary-rgb:  0, 210, 211;

  --color-accent:         #FF6B6B;
  --color-accent-light:   #FF8E8E;
  --color-accent-dark:    #E85555;

  /* Gradient */
  --gradient-brand:       linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
  --gradient-brand-rev:   linear-gradient(135deg, var(--color-secondary) 0%, var(--color-primary) 100%);
  --gradient-warm:        linear-gradient(135deg, #FF6B6B 0%, #FF8E53 100%);
  --gradient-dark:        linear-gradient(135deg, #1A1A2E 0%, #16213E 100%);

  /* Neutral */
  --color-dark:           #1A1A2E;
  --color-dark-2:         #16213E;
  --color-dark-3:         #0F3460;
  --color-text:           #2D3748;
  --color-text-muted:     #718096;
  --color-text-light:     #A0AEC0;

  /* Surface */
  --color-bg:             #F8F9FE;
  --color-surface:        #FFFFFF;
  --color-surface-2:      #F0F2FF;
  --color-border:         #E8ECF8;
  --color-border-focus:   var(--color-primary);

  /* Status */
  --color-success:        #48BB78;
  --color-success-bg:     #E6FFFA;
  --color-warning:        #ED8936;
  --color-warning-bg:     #FFFBEB;
  --color-error:          #FC8181;
  --color-error-bg:       #FFF5F5;
  --color-info:           #4299E1;
  --color-info-bg:        #EBF8FF;

  /* Typography */
  --font-body:            'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display:         'Inter', sans-serif;
  --font-mono:            'JetBrains Mono', 'Fira Code', monospace;

  --text-xs:    0.75rem;
  --text-sm:    0.875rem;
  --text-base:  1rem;
  --text-lg:    1.125rem;
  --text-xl:    1.25rem;
  --text-2xl:   1.5rem;
  --text-3xl:   1.875rem;
  --text-4xl:   2.25rem;
  --text-5xl:   3rem;
  --text-6xl:   3.75rem;

  --weight-normal:   400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
  --weight-black:    900;

  /* Spacing */
  --space-1:   0.25rem;
  --space-2:   0.5rem;
  --space-3:   0.75rem;
  --space-4:   1rem;
  --space-5:   1.25rem;
  --space-6:   1.5rem;
  --space-8:   2rem;
  --space-10:  2.5rem;
  --space-12:  3rem;
  --space-16:  4rem;
  --space-20:  5rem;
  --space-24:  6rem;

  /* Border Radius */
  --radius-sm:   6px;
  --radius-md:   10px;
  --radius-lg:   16px;
  --radius-xl:   24px;
  --radius-2xl:  32px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-xs:  0 1px 3px rgba(0,0,0,0.08);
  --shadow-sm:  0 2px 8px rgba(0,0,0,0.08), 0 1px 3px rgba(0,0,0,0.04);
  --shadow-md:  0 4px 16px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.04);
  --shadow-lg:  0 8px 32px rgba(0,0,0,0.10), 0 4px 12px rgba(0,0,0,0.06);
  --shadow-xl:  0 16px 48px rgba(0,0,0,0.12), 0 8px 24px rgba(0,0,0,0.06);
  --shadow-brand: 0 8px 32px rgba(108,99,255,0.25);
  --shadow-brand-lg: 0 16px 48px rgba(108,99,255,0.30);

  /* Transitions */
  --ease-out:   cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:    cubic-bezier(0.4, 0, 1, 1);
  --ease-inout: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast:   150ms;
  --duration-normal: 250ms;
  --duration-slow:   400ms;

  /* Layout */
  --sidebar-width:    260px;
  --topbar-height:    72px;
  --container-max:    1280px;
  --content-max:      900px;

  /* Z-Index */
  --z-base:    1;
  --z-dropdown: 100;
  --z-sticky:  200;
  --z-overlay: 300;
  --z-modal:   400;
  --z-toast:   500;
}

/* Company theme override — injected via PHP per company */
.company-themed {
  --color-primary:   var(--company-primary, #6C63FF);
  --color-secondary: var(--company-secondary, #00D2D3);
  --gradient-brand:  linear-gradient(135deg, var(--company-primary, #6C63FF), var(--company-secondary, #00D2D3));
}