body {
    font-family: 'Roboto', sans-serif;
    /* font-family: Arial, Helvetica, sans-serif; */
    background-color: var(--color-bg);
    color: var(--color-fg);
}

:root {
    --sunbelt-green: #008545;
    --sunbelt-yellow: #FED203;

    --color-bg: #ffffff;
    --color-fg: #000000;

    --dark-bg: #121212;
    --dark-container: #282828;
    --dark-title: #8B8B8B !important;
    --dark-text: #E2E2E2 !important;
    --dark-input-bg: #1A1A1A;
    --dark-input-border: #1A1A1A;
    --dark-input-label-color: #656565;
    --bg-1: #fff;
    --bg-2: #fff;
    --bg-3: #fff;
    --bg-4: #f5f5f5;
    --text-1: #000;
    --text-2: #7e7e7e;
    --text-3: #7e7e7e;
    --border-1: #c1c1c187;
    --border-2: #c1c1c1;
    --border-3: #e7e7e7
}

.crt-white-logo {
    filter: invert(1)
}
.text-fg-color {
    color: var(--color-bg) !important;
}

.text-bg-color {
    color: var(--dark-bg) !important;
}

@media (prefers-color-scheme: dark) {
    .crt-white-logo {
        filter: invert(0)
    }
    body {
        background-color: var(--dark-bg);
        color: var(--dark-text);
    }
    .text-fg-color {
        color: var(--dark-bg) !important;
    }
    
    .text-bg-color {
        color: var(--dark-text) !important;
    }
    :root {
        --bg-1: #121212;
        --bg-2: #1e1e1e;
        --bg-3: #282828;
        --bg-4: #282828;
        --text-1: #e2e2e2;
        --text-2: #e2e2e2;
        --text-3: #8B8B8B;
        --border-1: #121212;
        --border-3: #393939
    }
    
}

input {
    border-radius: 4px;
}



@plugin "daisyui/theme" {
  name: "crt";
  default: false;
  prefersdark: false;
  color-scheme: "dark";
  --color-base-100: oklch(98% 0.003 247.858);
  --color-base-200: oklch(52% 0.154 150.069);
  --color-base-300: oklch(90% 0.182 98.111);
  --color-base-content: oklch(0% 0 0);
  --color-primary: oklch(76% 0.233 130.85);
  --color-primary-content: oklch(98% 0.031 120.757);
  --color-secondary: oklch(72% 0.219 149.579);
  --color-secondary-content: oklch(98% 0.018 155.826);
  --color-accent: oklch(79% 0.184 86.047);
  --color-accent-content: oklch(98% 0.026 102.212);
  --color-neutral: oklch(12% 0.042 264.695);
  --color-neutral-content: oklch(98% 0.003 247.858);
  --color-info: oklch(70% 0.165 254.624);
  --color-info-content: oklch(28% 0.091 267.935);
  --color-success: oklch(77% 0.152 181.912);
  --color-success-content: oklch(27% 0.046 192.524);
  --color-warning: oklch(75% 0.183 55.934);
  --color-warning-content: oklch(26% 0.079 36.259);
  --color-error: oklch(57% 0.245 27.325);
  --color-error-content: oklch(28% 0.109 3.907);
  --radius-selector: 1rem;
  --radius-field: 1rem;
  --radius-box: 1rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 0;
  --noise: 0;
}