@charset "UTF-8";

:root {
  /* color */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-main: #000000;
  --color-sub: #000000;
  --title_text: #111111;
  --brand_color: #48361e;
  /* text-color */
  --main-font-color: #111111;

  /* box shadow */
  --box-shadow1: 6px 3px 5px #00000008;
  --bg_light: #ccc;
  --line_color: #aaa;
  --disabled: #aaa;
  /* breakpoint */
  --breakpoint-mo: 768px;

  /* Font */
  --primary-font: "Pretendard";

  /* Glassmorphism */
  --glass-bg: rgba(255, 255, 255, 0.7);
  --glass-bg-light: rgba(255, 255, 255, 0.5);
  --glass-bg-strong: rgba(255, 255, 255, 0.85);
  --glass-border: rgba(255, 255, 255, 0.3);
  --glass-border-subtle: rgba(255, 255, 255, 0.18);

  /* Shadow System */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.1);
  --shadow-glow: 0 0 20px rgba(247, 148, 30, 0.15);
  --shadow-hover: 0 12px 40px rgba(0, 0, 0, 0.12);

  /* Blur Values */
  --blur-sm: 8px;
  --blur-md: 12px;
  --blur-lg: 20px;
}