/* ===================================
   DASTA - Base Styles & Variables
   =================================== */

/* Reset */
* { margin: 0; padding: 0; box-sizing: border-box; }

:root{
  /* Brand Colors */
  --primary-color: #0d2847;
  --primary-dark:  #081829;
  --primary-light: #1a3a5c;
  --secondary-color: #ff6b35;
  --secondary-dark:  #e85a24;

  /* Text Colors */
  --text-dark:   #1a1a1a;
  --text-medium: #4a4a4a;
  --text-light:  #6a6a6a;

  /* Background */
  --bg-white: #ffffff;
  --bg-light: #f8f9fa;

  /* UI Elements */
  --border-color: #e0e0e0;
  --shadow: rgba(0,0,0,0.10);
  --shadow-dark: rgba(0,0,0,0.20);

  /* Typography */
  --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Spacing */
  --section-padding: 100px;
  --container-padding: 20px;

  /* Transitions */
  --transition: all 0.3s ease;
}

html { scroll-behavior: smooth; }

body{
  font-family: var(--font-primary);
  color: var(--text-dark);
  line-height: 1.6;
  overflow-x: hidden;
  background: var(--bg-white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.container{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--container-padding);
}

/* Typography */
h1, h2, h3, h4, h5, h6{
  font-weight: 800;
  line-height: 1.2;
  color: inherit;
}

a{ text-decoration: none; color: inherit; }
img{ max-width: 100%; height: auto; display: block; }

/* Utility Classes */
.hidden{ display: none !important; }
.text-center{ text-align: center; }

/* Selection */
::selection{
  background: var(--secondary-color);
  color: var(--bg-white);
}

/* Animations */
@keyframes fadeInUp{
  from{ opacity: 0; transform: translateY(30px); }
  to{ opacity: 1; transform: translateY(0); }
}

@keyframes bounce{
  0%,100% { transform: translate(-50%, 0); }
  50% { transform: translate(-50%, 10px); }
}