@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

:root {
  color-scheme: light;

  --font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --bg: #f5f2ec;
  --surface: #faf8f4;
  --surface-soft: #ede8df;
  --surface-muted: #e8e3d8;
  --text: #1a1109;
  --muted: #7a6e5e;
  --muted-2: #a09280;
  --line: rgba(2, 38, 35, 0.12);
  --line-soft: rgba(2, 38, 35, 0.07);

  --nav: #002623;
  --nav-2: #054239;
  --nav-text: #d6cfc2;
  --nav-text-strong: #f5f2ec;
  --nav-border: rgba(185, 167, 121, 0.12);
  --nav-active-bg: #b9a779;
  --nav-active-text: #002623;
  --brand-mark-bg: #b9a779;

  --primary: #054239;
  --primary-strong: #002623;
  --primary-soft: #edf2ee;
  --primary-border: rgba(185, 167, 121, 0.3);
  --primary-foreground: #f5f2ec;
  --accent: #b9a779;
  --accent-foreground: #002623;

  --danger: #c0392b;
  --danger-text: #9f2f23;
  --danger-soft: #fff1ed;
  --danger-border: #f3c4ba;

  --warning: #d97706;
  --warning-text: #a16207;
  --warning-soft: #fffbeb;
  --warning-border: #fde68a;

  --success: #059669;
  --success-text: #054239;
  --success-soft: #edf2ee;
  --success-border: rgba(185, 167, 121, 0.3);

  --radius: 6px;
  --radius-sm: 4px;
  --radius-lg: 8px;
  --shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
  --modal-shadow: 0 24px 60px rgba(15, 23, 42, 0.18);

  --login-bg:
    linear-gradient(135deg, rgba(0, 38, 35, 0.97), rgba(5, 66, 57, 0.92)),
    radial-gradient(circle at 78% 12%, rgba(185, 167, 121, 0.26), transparent 28%);
}