/* ===== Variables ===== */
:root {
  --dl-color-theme-primary1: #f47a20;
  --dl-color-theme-primary2: #d25d11;
  --dl-color-theme-accent1: #ffffff;
  --color-secondary: #8bd1ff;
  --color-accent-warm: #ffd4b7;
  --color-accent-peach: #ffb686;
  --dl-color-grays-dark80: #0b1628;
  --dl-color-grays-dark100: #1a1a1a;
  --color-font-dark: #101111;
  --color-font-mid: #3a3a3a;
  --color-font-low: #3b3b3b;
  --color-accent-dark: #5d5d5d;
  --color-font-accent: #f47522;
  --color-font-deep: #1c1c1c;
  --color-font-deep-muted: #4b4b4b;
  --color-font-slate: #465366;
  --color-font-ink: #12141d;
  --color-highlight-accent: #ffedbf;
  --color-highlight-accent2: #fac099;
  --color-accent-soft: #ff9855;
  --color-bg-warm: #fff1e9;
  --color-bg-soft: #f7fafa;
  --color-bg-light: #fafafa;
  --color-bg-card: #fdfdfd;
  --color-bg-input: #f1f2f4;
  --color-bg-border-soft: #e5e7ee;
  --color-bg-success-icon: #e0faf4;
  --color-bg-success-button: #e4e2e1;
  --color-border-input: #ebecf0;
  --color-bg-gray: #e3e3e3;
  --color-gray-light: #e9e9e9;
  --color-gray-mid: #b0b0b0;
  --color-gray-cool: #8a93a3;
  --color-focus-input: #496fb6;
  --color-font-muted: #4a4a4a;
  --shadow-nav: 0 4px 20px rgba(206, 146, 146, 0.25);
}
/* ===== Set to default ===== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
select {
  text-transform: none;
}
button,
[type='button'],
[type='reset'],
[type='submit'] {
  appearance: button;
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focus,
[type='button']:-moz-focus,
[type='reset']:-moz-focus,
[type='submit']:-moz-focus {
  outline: 1px dotted ButtonText;
}
a {
  color: inherit;
  text-decoration: inherit;
}
input {
  padding: 2px 4px;
}
img {
  display: block;
}
html {
  scroll-behavior: smooth;
}

/* ===== Base & Layout ===== */
body {
  background-color: var(--dl-color-theme-accent1);
}

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: 100vh;
  position: relative;
  background-color: var(--dl-color-theme-accent1);
}