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

@layer base {
    *, :after, :before, ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0;
    }
    html, :host {
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        line-height: 1.5;
        font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        -webkit-tap-highlight-color: transparent;
    }
    body {
        line-height: inherit;
        font-family: inherit;
    }
    h1, h2, h3, h4, h5, h6 {
        font-size: inherit;
        font-weight: inherit;
    }
    a {
        color: inherit;
        text-decoration: inherit;
    }
    b, strong {
        font-weight: bolder;
    }
    button, input, select, optgroup, textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0;
    }
}

@layer components {
    .btn {
        @apply inline-flex items-center justify-center px-4 py-2 text-sm font-medium rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2;
    }
    .btn-primary {
        @apply btn text-white bg-primary-600 hover:bg-primary-700 focus:ring-primary-500;
    }
    .btn-secondary {
        @apply btn text-gray-700 bg-white border border-gray-300 hover:bg-gray-50 focus:ring-gray-500;
    }
    .btn-danger {
        @apply btn text-white bg-red-600 hover:bg-red-700 focus:ring-red-500;
    }
    .input {
        @apply w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-primary-500 focus:border-primary-500;
    }
    .label {
        @apply block text-sm font-medium text-gray-700 mb-1;
    }
    .card {
        @apply bg-white shadow rounded-lg border border-gray-200;
    }
}

@layer utilities {
    .text-balance {
        text-wrap: balance;
    }
}