/* ============================================
   DentaCare v4 — Design Tokens
   Stil: Modern Medical
   ============================================ */

:root {
  /* === BRAND (cyan/teal medical) === */
  --dc-brand-50:  #ECFEFF;
  --dc-brand-100: #CFFAFE;
  --dc-brand-200: #A5F3FC;
  --dc-brand-300: #67E8F9;
  --dc-brand-400: #22D3EE;
  --dc-brand-500: #06B6D4;
  --dc-brand-600: #0891B2;  /* PRIMARY ACTION */
  --dc-brand-700: #0E7490;  /* PRIMARY TEXT */
  --dc-brand-800: #155E75;
  --dc-brand-900: #164E63;

  /* === NEUTRAL (slate) === */
  --dc-neutral-0:   #FFFFFF;
  --dc-neutral-50:  #F8FAFC;
  --dc-neutral-100: #F1F5F9;
  --dc-neutral-200: #E2E8F0;
  --dc-neutral-300: #CBD5E1;
  --dc-neutral-400: #94A3B8;
  --dc-neutral-500: #64748B;
  --dc-neutral-600: #475569;
  --dc-neutral-700: #334155;
  --dc-neutral-800: #1E293B;
  --dc-neutral-900: #0F172A;

  /* === SEMANTIC === */
  --dc-success-50:  #ECFDF5;
  --dc-success-100: #D1FAE5;
  --dc-success-500: #10B981;
  --dc-success-600: #059669;
  --dc-success-700: #047857;

  --dc-warning-50:  #FFFBEB;
  --dc-warning-100: #FEF3C7;
  --dc-warning-500: #F59E0B;
  --dc-warning-600: #D97706;
  --dc-warning-700: #B45309;

  --dc-danger-50:   #FEF2F2;
  --dc-danger-100:  #FEE2E2;
  --dc-danger-500:  #EF4444;
  --dc-danger-600:  #DC2626;
  --dc-danger-700:  #B91C1C;

  --dc-info-50:     #EFF6FF;
  --dc-info-100:    #DBEAFE;
  --dc-info-500:    #3B82F6;
  --dc-info-600:    #2563EB;
  --dc-info-700:    #1D4ED8;

  /* === URGENȚĂ MEDICALĂ (specific dental) === */
  --dc-urgency-low:    var(--dc-success-500);   /* Rutină / Normal */
  --dc-urgency-medium: var(--dc-warning-500);   /* Disconfort / Prioritar */
  --dc-urgency-high:   var(--dc-danger-600);    /* Durere acută / Urgență */

  /* === BACKGROUND === */
  --dc-bg-app:        #F8FAFB;
  --dc-bg-surface:    var(--dc-neutral-0);
  --dc-bg-elevated:   var(--dc-neutral-0);
  --dc-bg-muted:      var(--dc-neutral-50);
  --dc-bg-hover:      var(--dc-neutral-100);
  --dc-bg-active:     var(--dc-brand-50);
  --dc-bg-sidebar:    var(--dc-neutral-0);
  --dc-bg-overlay:    rgba(15, 23, 42, 0.45);

  /* === TEXT === */
  --dc-text-primary:   var(--dc-neutral-900);
  --dc-text-secondary: var(--dc-neutral-600);
  --dc-text-tertiary:  var(--dc-neutral-500);
  --dc-text-disabled:  var(--dc-neutral-400);
  --dc-text-inverse:   var(--dc-neutral-0);
  --dc-text-brand:     var(--dc-brand-700);
  --dc-text-link:      var(--dc-brand-600);

  /* === BORDERS === */
  --dc-border-subtle:  var(--dc-neutral-200);
  --dc-border-default: var(--dc-neutral-300);
  --dc-border-strong:  var(--dc-neutral-400);
  --dc-border-brand:   var(--dc-brand-600);
  --dc-border-focus:   var(--dc-brand-500);

  /* === SPACING (4px base) === */
  --dc-space-1:  4px;
  --dc-space-2:  8px;
  --dc-space-3:  12px;
  --dc-space-4:  16px;
  --dc-space-5:  20px;
  --dc-space-6:  24px;
  --dc-space-8:  32px;
  --dc-space-10: 40px;
  --dc-space-12: 48px;
  --dc-space-16: 64px;

  /* === RADIUS === */
  --dc-radius-sm: 4px;
  --dc-radius-md: 8px;
  --dc-radius-lg: 10px;
  --dc-radius-xl: 14px;
  --dc-radius-full: 9999px;

  /* === TYPOGRAPHY === */
  --dc-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --dc-font-mono: 'JetBrains Mono', 'SF Mono', Menlo, monospace;

  --dc-text-xs:   11px;
  --dc-text-sm:   12px;
  --dc-text-base: 13px;
  --dc-text-md:   14px;
  --dc-text-lg:   16px;
  --dc-text-xl:   18px;
  --dc-text-2xl:  22px;
  --dc-text-3xl:  28px;
  --dc-text-4xl:  36px;

  --dc-leading-tight:   1.25;
  --dc-leading-normal:  1.5;
  --dc-leading-relaxed: 1.625;

  --dc-weight-regular: 400;
  --dc-weight-medium:  500;
  --dc-weight-semibold: 600;
  --dc-weight-bold:    700;

  /* === SHADOWS === */
  --dc-shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04);
  --dc-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05), 0 1px 3px rgba(15, 23, 42, 0.04);
  --dc-shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.06), 0 2px 4px -2px rgba(15, 23, 42, 0.04);
  --dc-shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, 0.08), 0 4px 6px -4px rgba(15, 23, 42, 0.04);
  --dc-shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, 0.10), 0 8px 10px -6px rgba(15, 23, 42, 0.04);
  --dc-focus-ring: 0 0 0 3px rgba(8, 145, 178, 0.18);

  /* === TRANSITIONS === */
  --dc-transition-fast: 120ms cubic-bezier(0.4, 0, 0.2, 1);
  --dc-transition-base: 180ms cubic-bezier(0.4, 0, 0.2, 1);
  --dc-transition-slow: 280ms cubic-bezier(0.4, 0, 0.2, 1);

  /* === LAYOUT === */
  --dc-sidebar-width:    220px;
  --dc-topbar-height:    56px;
  --dc-content-max:      1440px;
  --dc-z-sidebar:        10;
  --dc-z-topbar:         20;
  --dc-z-dropdown:       30;
  --dc-z-modal:          50;
  --dc-z-toast:          60;
}