/* 
 * app/static/css/design_system.css
 * Global Design Tokens & Datacom Brand Palette
 */

:root {
  /* --- Brand Palette --- */
  --primary: #012169;       /* Datacom Navy */
  --primary-hover: #01184d;
  --secondary: #64748b;     /* Slate 500 */
  --accent: #00A9E0;        /* Datacom Blue */
  --accent-orange: #FF7F0E; /* Datacom Orange */
  
  /* --- Semantic Colors --- */
  --success: #22c55e;
  --danger: #ef4444;
  --warning: #f59e0b;
  --info: #0ea5e9;

  /* --- UI Surfaces --- */
  --bg: #f8fafc;
  --text: #0f172a;
  --card: #ffffff;
  --border: #e2e8f0;

  /* --- Spacing & Sizing --- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  
  /* --- Shadows --- */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

body { 
    font-family: 'Inter', -apple-system, system-ui, sans-serif; 
    margin: 0; 
    background: var(--bg); 
    color: var(--text); 
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

/* Modal Scrollbar Styling */
.custom-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 #f1f5f9;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 4px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}