:root {

    --bevetelezes-50: #f5f3ff;
    --bevetelezes-100: #ede9fe;
    --bevetelezes-200: #ddd6fe;
    --bevetelezes-300: #c3b5fd;
    --bevetelezes-400: #a68bfa;
    --bevetelezes-500: #895cf6;
    --bevetelezes-600: #7a3aed;
    --bevetelezes-700: #6926d7;
    --bevetelezes-800: #5921b6;
    --bevetelezes-900: #4b1d95;
    --bevetelezes-950: #2d1065;

    --szamla-50: #ecfdf7;
    --szamla-100: #d2f9e9;
    --szamla-200: #a9f1d7;
    --szamla-300: #71e4c1;
    --szamla-400: #38cfa7;
    --szamla-500: #16c098;
    --szamla-600: #099274;
    --szamla-700: #077561;
    --szamla-800: #085d4d;
    --szamla-900: #084c41;
    --szamla-950: #032b25;

    --theme: var(--bevetelezes-700);
    --theme-rgb: 105, 38, 215;
    --theme-soft: var(--bevetelezes-400);
    --theme-hard: var(--bevetelezes-900);
    
    --theme-background: #f6f9ff;
    --theme-foreground: #FDFDFF;
    --theme-hover: #EEEEF7;

    --theme-disabled: #F4F4F4;

    --theme-border-hard: #EBECF2;
    --theme-border-soft: #EBECF2;

    --theme-text-hard: #4A4A4D; --theme-text-hard-rgb: 74, 74, 77;
    --theme-text-soft: #89898F;

    --theme-background-2: #f8fafb;

    --bevetelezes: var(--bevetelezes-700);
    --bevetelezes-rgb: 105, 38, 215;
    --bevetelezes-soft: var(--bevetelezes-400);
    --bevetelezes-hard: var(--bevetelezes-900);

    --szamla: var(--szamla-500);
    --szamla-rgb: 22, 192, 152;
    --szamla-soft: var(--szamla-300);
    --szamla-hard: var(--szamla-700);

    --kiadas: var(--bevetelezes);
    --kiadas-rgb: var(--bevetelezes-rgb);
    --kiadas-soft: var(--bevetelezes-soft);
    --kiadas-hard: var(--bevetelezes-hard);

    --theme-danger: #dc3545;
    --theme-danger-background: #f8d7da;
    --theme-danger-border: #f1aeb5;
    --theme-danger-text: #b02a37;

    --theme-warning: #ffc107;
    --theme-warning-background: #fff3cd;
    --theme-warning-border: #ffe69c;
    --theme-warning-text: #997404;

    --theme-success: #198754;
    --theme-success-background: #d1e7dd;
    --theme-success-border: #a3cfbb;
    --theme-success-text: #146c43;

    --theme-info: #0dcaf0;
    --theme-info-background: #cff4fc;
    --theme-info-border: #9eeaf9;
    --theme-info-text: #087990;

    --theme-success-rgb: 25, 135, 84;
    --theme-info-rgb: 13, 202, 240;
    --theme-warning-rgb: 255, 193, 7;
    --theme-danger-rgb: 220, 53, 69;

    --theme-test: pink;

    --theme-invalid: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");

    --theme-select: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%234A4A4D' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

    --theme-disabled-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' height='17' width='17' class='c s-FBgw9gDccSmE' fill='%2389898F' %3E%3Cpath d='M0 0h24v24H0z' fill='none' %3E%3C/path%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z' %3E%3C/path%3E%3C/svg%3E");
}