@charset "UTF-8";

/* projects/member-modern/src/styles.scss */
@font-face {
  font-family: "Charmonman";
  src: url("./media/Charmonman-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Charmonman";
  src: url("./media/Charmonman-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.banner-ic {
  font-size: 14px;
  line-height: 1;
  vertical-align: -2px;
  display: inline-block;
}
@media (max-width: 480px) {
  .banner-ic {
    font-size: 13px;
  }
}
:root {
  --color-bg: #061f18;
  --color-bg-gradient-1: #0a2f24;
  --color-bg-gradient-2: #061f18;
  --color-surface: #0f2e26;
  --color-surface-2: #133b31;
  --color-border: rgba(212, 160, 23, 0.35);
  --color-border-soft: rgba(255, 255, 255, 0.08);
  --color-text: #f5f2e8;
  --color-text-muted: #a8b8b3;
  --color-accent: #d4a017;
  --color-accent-bright: #e6b842;
  --color-accent-dark: #a67f10;
  --color-accent-glow: rgba(230, 184, 66, 0.35);
  --color-line-green: #06c755;
  --color-live-green: #1a5f4a;
  --color-danger: #ef4444;
  --color-success: #22c55e;
  --color-warning: #f59e0b;
  --radius: 10px;
  --radius-lg: 16px;
  --shadow-md: 0 4px 16px rgba(0,0,0,0.45);
  --shadow-lg: 0 10px 32px rgba(0,0,0,0.55);
  --glow-gold: 0 0 20px rgba(230, 184, 66, 0.25);
}
* {
  box-sizing: border-box;
}
html,
body {
  height: 100%;
  margin: 0;
  font-family:
    "Prompt",
    "IBM Plex Sans Thai",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    sans-serif;
  color: var(--color-text, #f5f2e8);
  background:
    radial-gradient(
      ellipse at top,
      var(--color-bg-gradient-1, #0a2f24) 0%,
      var(--color-bg-gradient-2, #061f18) 60%),
    var(--color-bg, #061f18);
  background-attachment: fixed;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
button,
input,
select,
textarea {
  font-family: inherit;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */