/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.15_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.15_react-dom@19.2.5_react@19.2.5__react@19.2.5/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  color-scheme: light;
  --wallit-palette-hue: 174 72% 28%;
  --wallit-color-background: #f7f8fa;
  --wallit-color-foreground: #17202a;
  --wallit-color-text: #17202a;
  --wallit-color-surface: #ffffff;
  --wallit-color-surface-muted: #eef2f6;
  --wallit-color-surface-raised: #ffffff;
  --wallit-color-border: #d7dee8;
  --wallit-color-border-strong: #9aa8b7;
  --wallit-color-text-muted: #5d6b7a;
  --wallit-color-text-inverse: #ffffff;
  --wallit-color-primary: hsl(var(--wallit-palette-hue));
  --wallit-color-primary-hover: hsl(var(--wallit-palette-hue) / 0.85);
  --wallit-color-primary-foreground: #ffffff;
  --wallit-color-primary-contrast: #ffffff;
  --wallit-color-danger: #b42318;
  --wallit-color-warning: #b54708;
  --wallit-color-success: #067647;
  --wallit-color-info: #175cd3;
  --wallit-color-focus-ring: #2563eb;
  --wallit-color-selection: #bfdbfe;
  --wallit-shadow: 0 16px 40px rgb(15 23 42 / 0.16);
  --wallit-radius: 8px;
  --wallit-density-space: 1rem;
  --wallit-font-scale: 1;
}

[data-theme="dark"] {
  color-scheme: dark;
  --wallit-color-background: #101418;
  --wallit-color-foreground: #edf2f7;
  --wallit-color-text: #edf2f7;
  --wallit-color-surface: #171d23;
  --wallit-color-surface-muted: #222a32;
  --wallit-color-surface-raised: #1f2730;
  --wallit-color-border: #34404c;
  --wallit-color-border-strong: #64748b;
  --wallit-color-text-muted: #a8b3bf;
  --wallit-color-text-inverse: #0f1720;
  --wallit-color-primary: hsl(var(--wallit-palette-hue));
  --wallit-color-primary-hover: hsl(var(--wallit-palette-hue) / 0.82);
  --wallit-color-primary-foreground: #0f1720;
  --wallit-color-primary-contrast: #0f1720;
  --wallit-color-danger: #f97066;
  --wallit-color-warning: #fdb022;
  --wallit-color-success: #47cd89;
  --wallit-color-info: #84caff;
  --wallit-color-focus-ring: #93c5fd;
  --wallit-color-selection: #1d4ed8;
}

[data-palette="neutral"] { --wallit-palette-hue: 220 9% 34%; }
[data-palette="graphite"] { --wallit-palette-hue: 215 18% 24%; }
[data-palette="ocean"] { --wallit-palette-hue: 190 84% 36%; }
[data-palette="forest"] { --wallit-palette-hue: 145 45% 30%; }
[data-palette="sepia"] { --wallit-palette-hue: 28 42% 38%; }
[data-palette="rose"] { --wallit-palette-hue: 340 65% 45%; }
[data-palette="blue"] { --wallit-palette-hue: 217 76% 48%; }
[data-palette="indigo"] { --wallit-palette-hue: 239 60% 52%; }
[data-palette="violet"] { --wallit-palette-hue: 262 65% 54%; }
[data-palette="emerald"] { --wallit-palette-hue: 158 64% 34%; }
[data-palette="teal"] { --wallit-palette-hue: 174 72% 28%; }
[data-palette="cyan"] { --wallit-palette-hue: 191 91% 36%; }
[data-palette="amber"] { --wallit-palette-hue: 38 92% 42%; }
[data-palette="ruby"] { --wallit-palette-hue: 354 70% 48%; }

[data-contrast="high"] {
  --wallit-color-border: var(--wallit-color-border-strong);
  --wallit-color-text-muted: var(--wallit-color-foreground);
  --wallit-color-focus-ring: #ffbf47;
}

[data-density="compact"] {
  --wallit-density-space: 0.75rem;
}

[data-text-scale="large"] {
  --wallit-font-scale: 1.08;
}

[data-text-scale="extra-large"] {
  --wallit-font-scale: 1.16;
}

* {
  box-sizing: border-box;
}

html,
body {
  min-height: 100%;
}

body {
  margin: 0;
  background: var(--wallit-color-background);
  color: var(--wallit-color-foreground);
  font-family: Arial, Helvetica, sans-serif;
  font-size: calc(16px * var(--wallit-font-scale));
}

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

button,
input,
select {
  font: inherit;
}

button,
input,
select {
  border-radius: var(--wallit-radius);
}

button:focus-visible,
input:focus-visible,
select:focus-visible,
a:focus-visible {
  outline: 3px solid var(--wallit-color-focus-ring);
  outline-offset: 2px;
}

::selection {
  background: var(--wallit-color-selection);
}