@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Merriweather:wght@400;700&display=swap');
@import "tailwindcss";

@theme {
  --font-heading: 'Merriweather', serif;
  --font-sans: 'Inter', sans-serif;
}

:root {
  /* IHM Kolkata Official Design System Tokens */
  --font-heading: 'Merriweather', serif;
  --font-body: 'Inter', sans-serif;

  --sidebar: #081A2E;
  --sidebar-active: #F4B400;
  --sidebar-sub-active: #17385A;

  --primary: #1769E8;
  --primary-dark: #1257C7;

  --heading: #071A4D;
  --text: #334155;
  --muted: #64748B;

  --background: #F8FAFC;
  --card: #FFFFFF;
  --border: #E5EAF0;

  --success: #16A34A;
  --success-bg: #DCFCE7;

  --warning: #D97706;
  --warning-bg: #FEF3C7;

  --danger: #DC2626;
  --danger-bg: #FEE2E2;

  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* Legacy tokens aliases for backwards compatibility */
  --ihm-navy: #081A2E;
  --ihm-gold: #F4B400;
  --ihm-gold-hover: #E0A400;
  --ihm-ivory: #F8FAFC;
  --primary-navy: #081A2E;
  --champagne-gold: #F4B400;
  --warm-ivory: #F8FAFC;
  --primary-text: #334155;
  --secondary-text: #64748B;
  --border-color: #E5EAF0;

  --foreground: #334155;
  --card-foreground: #334155;
  --popover: #ffffff;
  --popover-foreground: #334155;
  --primary-foreground: #ffffff;
  --secondary: #F8FAFC;
  --secondary-foreground: #081A2E;
  --muted-foreground: #64748B;
  --accent: #F4B400;
  --accent-foreground: #081A2E;
  --destructive: #DC2626;
  --destructive-foreground: #ffffff;
  --input: #D8E0EA;
  --ring: #1769E8;

  /* Attendance Status Colors */
  --status-p: #16A34A;
  --status-p-bg: #DCFCE7;
  --status-p-border: #BBF7D0;
  
  --status-a: #DC2626;
  --status-a-bg: #FEE2E2;
  --status-a-border: #FECACA;
  
  --status-c: #D97706;
  --status-c-bg: #FEF3C7;
  --status-c-border: #FDE68A;
  
  --status-h: #64748B;
  --status-h-bg: #E2E8F0;
  --status-h-border: #CBD5E1;
}


body {
  background-color: var(--background);
  color: var(--foreground);
  font-family: 'Inter', var(--font-inter), sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Typography Rules (IHM Kolkata Design System) */
h1, h2, h3, h4, .font-heading {
  font-family: 'Merriweather', var(--font-merriweather), serif !important;
  font-weight: 700;
  color: #071A4D;
}

.dark h1, .dark h2, .dark h3, .dark h4, .dark .font-heading {
  color: #f8fafc;
}

body, button, input, select, textarea, table, label, p, span, .font-sans {
  font-family: 'Inter', var(--font-inter), sans-serif;
}

/* Tabular numbers utility for matrices and percentages */
.tabular-nums {
  font-variant-numeric: tabular-nums;
}

/* Invisible scrollbar utility */
.no-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}