@import 'tailwindcss';

@source '../views';
@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';


/* Si quieres que dark: funcione con la clase .dark */
@custom-variant dark (&:where(.dark, .dark *));

@theme {
    /* Colors */
    --color-surface-variant: #cfe5ff;
    --color-inverse-on-surface: #e8f2ff;
    --color-outline: #74777d;
    --color-on-surface-variant: #44474c;
    --color-surface-container-highest: #cfe5ff;
    --color-tertiary-fixed: #feddb5;
    --color-primary-fixed-dim: #b7c8de;
    --color-tertiary-container: #38260b;
    --color-surface-dim: #c6dcf6;
    --color-error-container: #ffdad6;
    --color-on-tertiary-fixed: #281802;
    --color-surface-container-lowest: #ffffff;
    --color-tertiary-fixed-dim: #e1c29b;
    --color-secondary-container: #cce2fc;
    --color-outline-variant: #c4c6cd;
    --color-on-primary-fixed: #0b1d2d;
    --color-secondary: #4b6076;
    --color-on-secondary-fixed: #051d30;
    --color-primary-container: #1a2b3c;
    --color-on-secondary-fixed-variant: #34495e;
    --color-on-tertiary: #ffffff;
    --color-on-error-container: #93000a;
    --color-surface-bright: #f7f9ff;
    --color-primary: #041627;
    --color-surface: #f7f9ff;
    --color-surface-tint: #4f6073;
    --color-surface-container-low: #edf4ff;
    --color-inverse-surface: #1d3246;
    --color-surface-container: #e3efff;
    --color-on-surface: #051d30;
    --color-on-error: #ffffff;
    --color-on-primary-container: #8192a7;
    --color-inverse-primary: #b7c8de;
    --color-background: #f7f9ff;
    --color-secondary-fixed-dim: #b3c9e2;
    --color-secondary-fixed: #cfe5ff;
    --color-on-background: #051d30;
    --color-on-secondary: #ffffff;
    --color-on-primary-fixed-variant: #38485a;
    --color-on-tertiary-fixed-variant: #584326;
    --color-surface-container-high: #d9eaff;
    --color-primary-fixed: #d2e4fb;
    --color-error: #ba1a1a;
    --color-on-tertiary-container: #a88c69;
    --color-on-secondary-container: #50657b;
    --color-tertiary: #211200;
    --color-on-primary: #ffffff;

    /* Border radius */
    --radius: 0.125rem;
    --radius-lg: 0.25rem;
    --radius-xl: 0.5rem;
    --radius-full: 0.75rem;

    /* Fonts */
    --font-headline: "Manrope", sans-serif;
    --font-body: "Inter", sans-serif;
    --font-label: "Inter", sans-serif;
}