:root {
  /* Primary */
  --color-primary: #181A20;
  --color-primary-light: #16171a;
  --color-primary-lighter: #262A33;
  --color-primary-dark: #121417;

  /* Accents */
  --color-accent: #3772FF;
  --color-accent-light: #5A8BFF;
  --color-accent-dark: #1C4DDC;

  /* Status Colors */
  --color-success: #16C784;
  --color-success-dark: #0F9E68;

  --color-warning: #F4C542;
  --color-warning-dark: #D6A229;

  --color-danger: #EA3943;
  --color-danger-dark: #C72E35;

  /* Text */
  --text-primary: #EAECEF;
  --text-secondary: #B3B3B3;
  --text-muted: #6A6A6A;
  --text-dark: #202630;

  /* Backgrounds */
  --bg-body: #181A20;
  --bg-card: #16171a;
  --bg-primary: #000; 
  --bg-secondary: #16171a; 
  --bg-card-hover: #262A33;
  --bg-input: #1E1F25;
  --bg-input-focus: #262A33;

  --bg-button-primary: #f36a3d;

  /* Borders */
  --border-light: #2A2D36;
  --border: #323542;
  --border-heavy: #3A3D4A;
}

html, *{
    scroll-behavior: smooth;
    margin: 0;
    padding: 0;
}

body{
    font-family: 'Poppins', sans-serif;
    background-color: var(--bg-primary);
    color: var(--text-primary);
    line-height: 1.6;
    font-size: 1rem;
}

.gradient-text {
    background: linear-gradient(135deg, #D4C5B9 0%, #B8A89C 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}