@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    body {
        @apply bg-surface text-on-surface antialiased;
    }
}

@layer components {
    /* Typography scale — Executive Authority design system (DESIGN.md) */
    .text-institutional-header {
        @apply font-sans text-[48px] font-bold leading-[1.1] tracking-[-0.02em];
    }
    .text-institute-title {
        @apply font-sans text-[32px] font-semibold leading-[1.2];
    }
    .text-programme-title {
        @apply font-sans text-2xl font-semibold leading-[1.3];
    }
    .text-course-title {
        @apply font-sans text-xl font-medium leading-[1.4];
    }
    .text-body-lg {
        @apply font-sans text-lg font-normal leading-[1.6];
    }
    .text-body-md {
        @apply font-sans text-base font-normal leading-[1.6];
    }
    .text-label-caps {
        @apply font-sans text-xs font-bold leading-none tracking-[0.1em] uppercase;
    }
    .text-footer-attribution {
        @apply font-sans text-sm font-medium leading-[1.4];
    }
}