/* stylelint-disable */
@tailwind base;
@tailwind components;
@tailwind utilities;

/* IPCPRC College ERP — Professional Blue & Teal Enterprise Theme
   Background: #F5F7FB | Cards: #FFFFFF | Primary: #356AE6 | Secondary Teal: #0F766E
   Text: #1E293B | Secondary Text: #64748B | Borders: #E2E8F0
   Success: #15803D | Warning: #B45309 | Error: #B91C1C | Info: #0369A1 */

@layer base {
  :root {
    --radius: 0.5rem;

    /* Base Surfaces */
    --background: 220 43% 97.3%;        /* #F5F7FB clean light background */
    --foreground: 217 33% 17.5%;        /* #1E293B main slate text */

    /* Cards & Sheets: pure white with clean subtle borders */
    --card: 0 0% 100%;                  /* #FFFFFF */
    --card-foreground: 217 33% 17.5%;   /* #1E293B */
    --popover: 0 0% 100%;               /* #FFFFFF */
    --popover-foreground: 217 33% 17.5%;/* #1E293B */

    /* Primary: Modern Enterprise Blue (#356AE6) */
    --primary: 222 78% 55.5%;           /* #356AE6 */
    --primary-foreground: 0 0% 100%;    /* #FFFFFF pure white text */

    /* Secondary: Professional Deep Teal (#0F766E) */
    --secondary: 175 77% 26.1%;         /* #0F766E */
    --secondary-foreground: 0 0% 100%;  /* #FFFFFF */

    /* Muted Surfaces & Secondary Text */
    --muted: 210 40% 96.1%;             /* #F1F5F9 */
    --muted-foreground: 215 16% 46.9%;  /* #64748B secondary text */

    /* Accent: Soft Teal Highlight for selected states */
    --accent: 175 60% 94%;              /* Soft teal tint */
    --accent-foreground: 175 77% 26.1%; /* #0F766E */

    /* Semantic Status Indicators */
    --destructive: 0 74% 41.8%;         /* #B91C1C error */
    --destructive-foreground: 0 0% 100%;
    --success: 142 71% 29.2%;           /* #15803D success */
    --success-foreground: 0 0% 100%;
    --warning: 26 90% 37.1%;            /* #B45309 warning */
    --warning-foreground: 0 0% 100%;
    --info: 201 96% 32.2%;              /* #0369A1 information */
    --info-foreground: 0 0% 100%;

    /* Borders & Form Inputs */
    --border: 214 32% 91.4%;            /* #E2E8F0 clean light border */
    --input: 214 32% 91.4%;             /* #E2E8F0 */
    --ring: 222 78% 55.5%;              /* #356AE6 focus ring */

    /* Data Visualization / Charts */
    --chart-1: 222 78% 55.5%;           /* Primary Blue #356AE6 */
    --chart-2: 175 77% 26.1%;           /* Secondary Teal #0F766E */
    --chart-3: 142 71% 29.2%;           /* Success Green #15803D */
    --chart-4: 26 90% 37.1%;            /* Warning Amber #B45309 */
    --chart-5: 201 96% 32.2%;           /* Info Sky Blue #0369A1 */

    /* Sidebar Navigation: Clean White Surface with Subtle Border */
    --sidebar-background: 0 0% 100%;    /* #FFFFFF */
    --sidebar-foreground: 217 33% 17.5%;/* #1E293B */
    --sidebar-primary: 222 78% 55.5%;   /* #356AE6 */
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 210 40% 96.1%;    /* #F1F5F9 */
    --sidebar-accent-foreground: 222 78% 55.5%;
    --sidebar-border: 214 32% 91.4%;   /* #E2E8F0 */
    --sidebar-ring: 222 78% 55.5%;

    /* Restrained, Lightweight Elevation Shadows (No heavy shadows) */
    --shadow-card: 0 1px 3px 0 rgb(15 23 42 / 0.05), 0 1px 2px -1px rgb(15 23 42 / 0.03);
    --shadow-hover: 0 4px 6px -1px rgb(15 23 42 / 0.08), 0 2px 4px -2px rgb(15 23 42 / 0.04);
  }

  .dark {
    --radius: 0.5rem;

    --background: 222 47% 11%;
    --foreground: 210 40% 98%;

    --card: 222 47% 14%;
    --card-foreground: 210 40% 98%;
    --popover: 222 47% 14%;
    --popover-foreground: 210 40% 98%;

    --primary: 222 78% 60%;
    --primary-foreground: 0 0% 100%;

    --secondary: 175 70% 35%;
    --secondary-foreground: 0 0% 100%;

    --muted: 222 47% 18%;
    --muted-foreground: 215 20% 70%;

    --accent: 175 60% 20%;
    --accent-foreground: 175 60% 85%;

    --destructive: 0 74% 50%;
    --destructive-foreground: 0 0% 100%;
    --success: 142 71% 40%;
    --success-foreground: 0 0% 100%;
    --warning: 26 90% 45%;
    --warning-foreground: 0 0% 100%;
    --info: 201 96% 45%;
    --info-foreground: 0 0% 100%;

    --border: 222 47% 22%;
    --input: 222 47% 22%;
    --ring: 222 78% 60%;

    --sidebar-background: 222 47% 13%;
    --sidebar-foreground: 210 40% 98%;
    --sidebar-primary: 222 78% 60%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 222 47% 18%;
    --sidebar-accent-foreground: 210 40% 98%;
    --sidebar-border: 222 47% 20%;
    --sidebar-ring: 222 78% 60%;
  }
}

@layer base {
  * {
    @apply border-border;
  }

  html {
    @apply bg-background;
    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
  }

  body {
    @apply bg-background text-foreground antialiased;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  }

  h1, h2, h3, h4, h5, h6 {
    @apply font-semibold tracking-tight text-foreground;
  }
}

@layer components {
  /* Institutional Brand Badge */
  .brand-badge {
    @apply inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md text-xs font-semibold bg-primary/10 text-primary border border-primary/20;
  }

  /* Professional Card Elevation - Clean Flat Surface */
  .institutional-card {
    @apply bg-card text-card-foreground rounded-lg border border-border shadow-sm transition-all duration-150;
  }

  /* High-Contrast Section Header */
  .section-header {
    @apply border-b border-border pb-3 mb-5;
  }

  /* Touch-Friendly Action Button Target for Mobile */
  .touch-target {
    @apply min-h-[44px] min-w-[44px] md:min-h-[36px] md:min-w-[36px] inline-flex items-center justify-center;
  }

  /* Responsive Horizontal Scroll Container for Tables */
  .responsive-table-container {
    @apply w-full max-w-full overflow-x-auto rounded-lg border border-border bg-card shadow-xs;
  }

  /* Header Brand Bar: Clean, professional header replacing heavy saturated gradients */
  .header-brand-bar {
    @apply bg-card border-b border-border text-foreground shadow-xs;
  }
}