/* Senkron Custom CSS - Cleaned and Optimized */

/* Import Fonts */
@import url('https://fonts.googleapis.com/css2?family=Arimo:wght@400;700&family=Bebas+Neue&family=Dancing+Script&display=swap');

/* Root Variables */
:root {
  --primary-color: #0c1c2c;
  --accent-color: #bb163f;
  --light-color: #cfd4e0;
  --white: #ffffff;
  --dark: #1a1a1a;

  --font-body: 'Arimo', sans-serif;
  --font-heading: 'Bebas Neue', sans-serif;
  --font-script: 'Dancing Script', cursive;
}

/* Global Reset */
body {
  font-family: var(--font-body);
  background-color: var(--white);
  color: var(--dark);
  margin: 0;
  padding: 0;
}

/* Typography */
h1, h2, h3, h4 {
  font-family: var(--font-heading);
  color: var(--primary-color);
}
h5, h6 {
  font-family: var(--font-script);
  color: var(--accent-color);
}

/* Buttons */
.btn-senkron {
  background-color: var(--primary-color);
  color: var(--white);
  padding: 12px 24px;
  border: none;
  border-radius: 4px;
  font-family: var(--font-heading);
  cursor: pointer;
  transition: all 0.3s ease;
}
.btn-senkron:hover {
  background-color: var(--accent-color);
}

/* Headings & Badge Styles */
.badge {
  background-color: var(--accent-color);
  color: var(--white);
  font-family: var(--font-script);
  padding: 6px 12px;
  border-radius: 30px;
  display: inline-block;
}

/* Link Styling */
a {
  color: var(--primary-color);
  text-decoration: none;
}
a:hover {
  color: var(--accent-color);
}