:root {
  --bg: #F3F0EA;
  --surface: #FEFEFE;
  --surface-soft: #E8E4DC;

  --text: #171717;
  --muted: #8F949B;
  --muted-soft: #A8ADB4;

  --border: rgba(23, 23, 23, 0.12);
  --border-strong: rgba(23, 23, 23, 0.24);

  --accent: #3A3F45;
  --accent-soft: #D8C7B0;

  --premium: #B08D57;

  --danger: #C83A5B;
  --ok: #2F8C5B;

  --black100: #171717;
  --black060: rgba(23, 23, 23, 0.6);
  --black030: rgba(23, 23, 23, 0.3);
  --black015: rgba(23, 23, 23, 0.15);
  --black010: rgba(23, 23, 23, 0.1);

  --white100: #FEFEFE;
  --white060: rgba(254, 254, 254, 0.6);
  --white030: rgba(254, 254, 254, 0.3);
  --white010: rgba(254, 254, 254, 0.1);
}

.black100{color: var(--black100) !important;}
.accent100{color: var(--accent100);}
.muted{color: var(--muted) !important;}
.accent-bg{background: var(--accent); height: 100vh;}