/**
 * This file is part of the brainX Software.
 * All Rights Reserved.
 *
 * Copyright (c) Brainformatik GmbH [info@brainformatik.com]
 *
 * This part of brainX can not be copied and/or distributed without the
 * express permission of Brainformatik GmbH.
 */

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

@layer base {
    :root {
        color-scheme: light;
        --color-primary: 255 60 0;
        --color-primary-50: 255 228 219;
        --color-primary-100: 255 201 183;
        --color-primary-200: 255 167 140;
        --color-secondary: 0 180 143;
        --color-secondary-100: 224 244 239;
        --color-secondary-300: 102 210 188;
        --color-secondary-600: 0 161 136;
        --color-secondary-700: 0 117 93;
        --color-tertiary: 30 40 80;
        --color-supporting: 126 47 141;
        --color-supporting-100: 242 234 244;
        --color-grey-default: 37 38 39;
        --color-grey-10: 249 250 251;
        --color-grey-20: 249 249 249;
        --color-grey-30: 243 244 247;
        --color-grey-50: 244 244 246;
        --color-grey-100: 233 234 238;
        --color-grey-200: 210 212 220;
        --color-grey-500: 142 147 167;
        --color-grey-600: 124 125 129;
        --color-grey-700: 83 88 106;
        --color-grey-800: 76 78 82;
        --color-info: 13 157 221;
        --color-info-50: 231 245 252;
        --color-success: 0 180 143;
        --color-success-50: 242 251 249;
        --color-success-100: 224 244 239;
        --color-warning: 255 200 48;
        --color-warning-50: 255 249 234;
        --color-error: 220 51 51;
        --color-error-50: 253 245 245;
        --color-focus-ring: var(--color-primary);
    }

    [data-theme='secondary'] {
        --color-primary: 0 180 143;
        --color-primary-50: 224 244 239;
        --color-primary-100: 102 210 188;
        --color-primary-200: 0 161 136;
        --color-secondary: 255 60 0;
        --color-secondary-100: 255 228 219;
        --color-secondary-300: 255 201 183;
        --color-secondary-600: 255 167 140;
        --color-secondary-700: 220 51 51;
        --color-focus-ring: var(--color-secondary);
    }

    body {
        margin: 0;
        min-height: 100vh;
        background: linear-gradient(180deg, rgba(var(--color-grey-20), 1) 0%, rgba(var(--color-grey-10), 1) 100%);
        color: rgb(var(--color-grey-default));
        font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    }

    a {
        color: inherit;
        text-decoration: none;
    }
}