@import url('./main-layout.css');
@import url('./views/dashboard-view.css');
@import url('./views/programmes-view.css');
@import url('./views/take-attendance-view.css');
@import url('./views/student-list-view.css');
@import url('./views/ui-component-style.css');
@import url('./components/vaadin-password-field.css');
@import url('./components/vaadin-text-field.css');
@import url('./components/vaadin-text-area.css');
@import url('./components/vaadin-combo-box.css');
@import url('./views/app-header-style.css');
@import url('./views/activity-view.css');
@import url('./views/groups-view.css');
@import url('./views/self-registration-view.css');
@import url('./views/login-view.css');
@import url('./views/reports-view.css');
@import url('./views/master-detail-view.css');    html, spreadsheet-view-export, grid-with-filters-view-export {
      --lumo-font-size: 1rem;
      --lumo-font-size-xxxl: 1.75rem;
      --lumo-font-size-xxl: 1.375rem;
      --lumo-font-size-xl: 1.125rem;
      --lumo-font-size-l: 1rem;
      --lumo-font-size-m: 0.875rem;
      --lumo-font-size-s: 0.8125rem;
      --lumo-font-size-xs: 0.75rem;
      --lumo-font-size-xxs: 0.6875rem;
      --lumo-primary-color-50pct: hsla(195, 91%, 42%, 0.5);
      --lumo-primary-color-10pct: hsla(195, 65%, 32%, 0.1);
      --lumo-primary-color: hsl(195, 92%, 41%);
      --lumo-primary-text-color: hsl(195, 91%, 42%);
      --lumo-base-color: #eaeefb;
      --lumo-body-text-color: hsla(214, 35%, 16%, 0.94);
      --lumo-body-text-color-weak: hsla(214, 35%, 16%, 0.65);
      --page-background-color: #eaeefb;
      --header-text-color: #7294a6;

      --background: 220 20% 97%;
      --foreground: 224 30% 15%;

      --card: 0 0% 100%;
      --card-foreground: 224 30% 15%;

      --popover: 0 0% 100%;
      --popover-foreground: 224 30% 15%;

      --primary: 246 65% 55%;
      --primary-foreground: 0 0% 100%;

      --secondary: 220 20% 94%;
      --secondary-foreground: 224 30% 15%;

      --muted: 220 15% 92%;
      --muted-foreground: 220 10% 46%;

      --accent: 170 70% 42%;
      --accent-foreground: 0 0% 100%;

      --destructive: 0 72% 51%;
      --destructive-foreground: 0 0% 100%;

      --success: 152 60% 42%;
      --success-foreground: 0 0% 100%;

      --warning: 38 92% 50%;
      --warning-foreground: 0 0% 100%;

      --info: 210 90% 55%;
      --info-foreground: 0 0% 100%;

      --border: 220 15% 90%;
      --input: 220 15% 90%;
      --ring: 246 65% 55%;

      --radius: 0.75rem;

      --sidebar-background: 246 65% 55%;
      --sidebar-foreground: 246 30% 95%;
      --sidebar-primary: 0 0% 100%;
      --sidebar-primary-foreground: 246 65% 55%;
      --sidebar-accent: 246 55% 48%;
      --sidebar-accent-foreground: 0 0% 100%;
      --sidebar-border: 246 50% 60%;
      --sidebar-ring: 0 0% 100%;

      --gradient-primary: linear-gradient(135deg, hsl(246, 65%, 55%), hsl(280, 70%, 55%));
      --gradient-accent: linear-gradient(135deg, hsl(170, 70%, 42%), hsl(200, 80%, 50%));
      --gradient-warm: linear-gradient(135deg, hsl(38, 92%, 50%), hsl(20, 90%, 55%));
      --shadow-card: 0 1px 3px hsl(220 15% 15% / 0.06), 0 6px 16px hsl(220 15% 15% / 0.04);
      --shadow-card-hover: 0 4px 12px hsl(220 15% 15% / 0.1), 0 12px 28px hsl(220 15% 15% / 0.06);

      --font-display: 'Space Grotesk', sans-serif;
      --font-body: 'DM Sans', sans-serif
    }