:root {
  --bg-l1: #FFFFFF;
  --bg-l2: #F7F8F7;
  --bg-l3: #EFF0F0;
  --brand-01: #003824;
  --brand-02: #F8F6F1;
  --brand-02-dark: #685631;
  --content-01: #0A0B0B;
  --content-02: #636967;
  --content-03: #FFFFFF;
  --content-04: #A0A6A4;
  --positive-01: #027839;
  --positive-bg: #F1F9F1;
  --positive-bg2: #DCEFDC;
  --negative-01: #B92F13;
  --negative-bg: #FEF7F6;
  --negative-bg2: #FDEBE8;
  --warning-01: #8F530A;
  --warning-bg: #FEF8F1;
  --notice-01: #005FB3;
  --notice-bg: #F5FAFF;
  --border-01: #777E7C;
  --border-02: #DFE1E1;
  --border-03: #EFF0F0;
  --state-hover: rgba(0, 56, 36, 0.06);
  --glass-bg: rgba(255, 255, 255, 0.88);
  --glass-border: rgba(255, 255, 255, 0.5);
  --shadow-sm: 0 1px 3px rgba(10,11,11,0.06);
  --shadow-md: 0 4px 16px rgba(10,11,11,0.08);
  --shadow-lg: 0 8px 32px rgba(10,11,11,0.12);
  --shadow-xl: 0 16px 48px rgba(10,11,11,0.16);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;
}