@import "tailwindcss";

@theme inline {
  /* Colors */
  --color-primary: #006c49;
  --color-on-primary: #ffffff;
  --color-primary-container: #10b981;
  --color-on-primary-container: #00422b;
  --color-primary-fixed: #6ffbbe;
  --color-primary-fixed-dim: #4edea3;
  --color-on-primary-fixed: #002113;
  --color-on-primary-fixed-variant: #005236;
  --color-secondary: #5c5f60;
  --color-on-secondary: #ffffff;
  --color-secondary-container: #dee0e2;
  --color-on-secondary-container: #606365;
  --color-secondary-fixed: #e1e2e4;
  --color-secondary-fixed-dim: #c5c6c8;
  --color-on-secondary-fixed: #191c1e;
  --color-on-secondary-fixed-variant: #444749;
  --color-tertiary: #a43a3a;
  --color-on-tertiary: #ffffff;
  --color-tertiary-container: #fc7c78;
  --color-on-tertiary-container: #711419;
  --color-tertiary-fixed: #ffdad7;
  --color-tertiary-fixed-dim: #ffb3af;
  --color-on-tertiary-fixed: #410005;
  --color-on-tertiary-fixed-variant: #842225;
  --color-error: #ba1a1a;
  --color-on-error: #ffffff;
  --color-error-container: #ffdad6;
  --color-on-error-container: #93000a;
  --color-background: #f9f9ff;
  --color-on-background: #141b2b;
  --color-surface: #f9f9ff;
  --color-on-surface: #141b2b;
  --color-surface-variant: #dce2f7;
  --color-on-surface-variant: #3c4a42;
  --color-surface-container-lowest: #ffffff;
  --color-surface-container-low: #f1f3ff;
  --color-surface-container: #e9edff;
  --color-surface-container-high: #e1e8fd;
  --color-surface-container-highest: #dce2f7;
  --color-surface-bright: #f9f9ff;
  --color-surface-dim: #d3daef;
  --color-surface-tint: #006c49;
  --color-outline: #6c7a71;
  --color-outline-variant: #bbcabf;
  --color-inverse-surface: #293040;
  --color-inverse-on-surface: #edf0ff;
  --color-inverse-primary: #4edea3;

  --font-sans: "Plus Jakarta Sans", sans-serif;
}

body {
  font-family: "Plus Jakarta Sans", sans-serif;
  background-color: #e5e7eb;
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }