/**
 * Tailwind reset and base styles
 *
 */
/* @import 'tailwindcss/base'; */

@import '@awes-io/ui/assets/css/base';
@import '@awes-io/ui/assets/css/typography';

/**
 * Tailwind components
 */
@import 'tailwindcss/components';

/**
 * Awes UI components
 */
@import './components/_index.css';

/**
 * Comma helpers
 */
@import './additional/_index.css';

/**
 * Tailwind utilities, MUST be last
 */
@import 'tailwindcss/utilities';

/**
 * Prism highlight
 */
@import 'prismjs/themes/prism.css';

[data-dark="false"] {
    color-scheme: light;
}

[data-dark="true"] {
    color-scheme: dark;
}

[data-dark="true"] {
    pre[class*="language-"] {
        background-color: theme('darkTheme.colors.surface');
    }
    code[class*="language-"] {
        color: theme('darkTheme.onColors.surface');
        text-shadow: 0 1px theme('darkTheme.colors.mono-900');

        .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string {
            background: none;
        }
    }
}

@screen lg {
    :root[data-dark='true'] {
        --c-surface: #2e2f33;
        --c-on-surface: #feffff;

        --c-page-bg: #1e1e21;

        --c-mono-0: #ffffff;
        --c-mono-50: #f3f5f7;
        --c-mono-100: #feffff;
        --c-mono-200: #d5d5d6;
        --c-mono-300: #c0c1c2;
        --c-mono-400: #abacad;
        --c-mono-500: #979799;
        --c-mono-600: #828285;
        --c-mono-700: #6d6d70;
        --c-mono-800: #46474a;
        --c-mono-900: #434447;

        --c-surface-rgb: 49,50,54;

        --c-page-bg-rgb: 30,30,33;

        --c-mono-0-rgb: 255,255,255;
        --c-mono-50-rgb: 243,245,247;
        --c-mono-100-rgb: 234,234,235;
        --c-mono-200-rgb: 213,213,214;
        --c-mono-300-rgb: 192,193,194;
        --c-mono-400-rgb: 171,172,173;
        --c-mono-500-rgb: 151,151,153;
        --c-mono-600-rgb: 130,130,133;
        --c-mono-700-rgb: 109,109,112;
        --c-mono-800-rgb: 70,71,74;
        --c-mono-900-rgb: 67,68,71;
    }
}

pre[class*="language-"] {
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 0.625rem;
}

/* Reset styles */
.content i {
    font-style: normal;
}