/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
/* ===== CSS Custom Properties (Design Tokens) ===== */
:root {
  --color-primary: #a68a5b;
  --color-primary-hover: #8f7549;
  --color-primary-ring: rgba(166, 138, 91, 0.2);
  --color-primary-text: #ffffff;

  --color-error: #dc2626;
  --color-error-ring: rgba(220, 38, 38, 0.2);

  --color-text-primary: #2c2c2c;
  --color-text-secondary: #787878;
  --color-text-placeholder: #b0b0b0;

  --color-bg: #f7f6f3;
  --color-card-bg: #ffffff;
  --color-card-border: rgba(0, 0, 0, 0.06);
  --color-input-bg: #fafafa;
  --color-input-border: #e0ddd8;

  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.06);

  font-family:
    "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
    Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;
  color-scheme: light;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ===== Global Reset ===== */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  background-color: var(--color-bg);
  color: var(--color-text-primary);
}