/* Taj Express Design System
   Brand: #190067 / #F4802F
   Tailwind v4 compatible token layer.
*/

:root {
    --te-primary-50: #f3efff;
    --te-primary-100: #e7deff;
    --te-primary-200: #d0beff;
    --te-primary-300: #b092ff;
    --te-primary-400: #8960ff;
    --te-primary-500: #190067;
    --te-primary-600: #150056;
    --te-primary-700: #110045;
    --te-primary-800: #0c0032;
    --te-primary-900: #070021;

    --te-orange-50: #fff7ef;
    --te-orange-100: #ffead9;
    --te-orange-200: #ffd4b3;
    --te-orange-300: #ffb078;
    --te-orange-400: #fa9550;
    --te-orange-500: #f4802f;
    --te-orange-600: #d96a1c;
    --te-orange-700: #b6530f;

    --te-success-500: #25d366;
    --te-danger-500: #d92d20;
    --te-warning-500: #f79009;

    --te-gray-25: #fcfcfd;
    --te-gray-50: #f8f9fc;
    --te-gray-100: #f2f4f7;
    --te-gray-200: #e4e7ec;
    --te-gray-300: #d0d5dd;
    --te-gray-400: #98a2b3;
    --te-gray-500: #667085;
    --te-gray-600: #475467;
    --te-gray-700: #344054;
    --te-gray-800: #1d2939;
    --te-gray-900: #101828;

    --te-radius-sm: .5rem;
    --te-radius-md: .75rem;
    --te-radius-lg: 1rem;
    --te-radius-xl: 1.25rem;
    --te-radius-2xl: 1.5rem;
    --te-radius-full: 9999px;

    --te-shadow-sm: 0 2px 4px rgb(16 24 40 / .05);
    --te-shadow-md: 0 8px 24px rgb(16 24 40 / .08);
    --te-shadow-lg: 0 20px 50px rgb(16 24 40 / .12);
    --te-shadow-brand: 0 18px 45px rgb(25 0 103 / .18);

    --te-container: 1200px;
    --te-transition: 180ms cubic-bezier(.2,.8,.2,1);
}

html { scroll-behavior: smooth; }

body {
    color: var(--te-gray-900);
    background: #fff;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

h1,h2,h3,h4,h5,h6 {
    font-family: "Plus Jakarta Sans", Inter, ui-sans-serif, system-ui, sans-serif;
    letter-spacing: -.025em;
}

.te-container {
    width: min(100% - 2rem, var(--te-container));
    margin-inline: auto;
}

@media (min-width: 768px) {
    .te-container { width: min(100% - 3rem, var(--te-container)); }
}

@media (min-width: 1280px) {
    .te-container { width: min(100% - 4rem, var(--te-container)); }
}

.te-focus {
    outline: 3px solid rgb(244 128 47 / .32);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}

.te-prose a {
    color: var(--te-primary-500);
    text-decoration: underline;
    text-underline-offset: 3px;
}