@layer base {
  :root {
    --background: #ffffff;
    --foreground: #0a0a0a;

    --card: #ffffff;
    --card-foreground: #0a0a0a;

    --popover: #ffffff;
    --popover-foreground: #0a0a0a;

    --primary: #171717;
    --primary-foreground: #fafafa;

    --secondary: #f5f5f5;
    --secondary-foreground: #171717;

    --muted: #f5f5f5;
    --muted-foreground: #737373;

    --accent: #f5f5f5;
    --accent-foreground: #171717;

    --destructive: #e7000b;
    --destructive-foreground: #ffffff;

    --border: #e5e5e5;
    --input: #e5e5e5;
    --ring: #a1a1a1;

    --chart-1: #f54a00;
    --chart-2: #009689;
    --chart-3: #104e64;
    --chart-4: #ffb900;
    --chart-5: #fe9a00;

    --radius: 0.625rem;

    --sidebar: #fafafa;
    --sidebar-foreground: #0a0a0a;
    --sidebar-primary: #171717;
    --sidebar-primary-foreground: #fafafa;
    --sidebar-accent: #f5f5f5;
    --sidebar-accent-foreground: #171717;
    --sidebar-border: #e5e5e5;
    --sidebar-ring: #a1a1a1;

    --warning: rgb(255 251 235 / var(--tw-bg-opacity, 1));
    --warning-icon: rgb(217 119 6 / var(--tw-text-opacity, 1));
    --warning-title: rgb(146 64 14 / var(--tw-text-opacity, 1));
    --warning-subtitle: rgb(180 83 9 / var(--tw-text-opacity, 1));

    --scrollbar: #3C996A;

    --padrao: #3C996A;
    --padrao-to: #63B48F;
    --padrao-shadow: #3c996a99;

    --background-2: #fafafa;
    --background-3: #fff;
  }

  .dark {
    --background: #0a0a0a;
    --foreground: #fafafa;

    --card: #0a0a0a;
    --card-foreground: #fafafa;

    --popover: #0a0a0a;
    --popover-foreground: #fafafa;

    --primary: #fafafa;
    --primary-foreground: #171717;

    --secondary: #262626;
    --secondary-foreground: #fafafa;

    --muted: #262626;
    --muted-foreground: #a1a1a1;

    --accent: #262626;
    --accent-foreground: #fafafa;

    --destructive: #82181a;
    --destructive-foreground: #ffffff;

    --border: #262626;
    --input: #262626;
    --ring: #525252;

    --chart-1: #1447e6;
    --chart-2: #00bc7d;
    --chart-3: #fe9a00;
    --chart-4: #ad46ff;
    --chart-5: #ff2056;

    --sidebar: #171717;
    --sidebar-foreground: #fafafa;
    --sidebar-primary: #1447e6;
    --sidebar-primary-foreground: #fafafa;
    --sidebar-accent: #262626;
    --sidebar-accent-foreground: #fafafa;
    --sidebar-border: #262626;
    --sidebar-ring: #525252;

    --warning: rgb(120 53 15 / 0.2);
    --warning-icon: rgb(245 158 11 / var(--tw-text-opacity, 1));
    --warning-title: rgb(251 191 36 / var(--tw-text-opacity, 1));
    --warning-subtitle: rgb(252 211 77 / var(--tw-text-opacity, 1));

    --scrollbar: #3C996A;

    --padrao: #3C996A;
    --padrao-to: #63B48F;
    --padrao-shadow: #3C996A99;

    --background-2: #171717;
    --background-3: #1e2939;
  }
}