/* ================================================
   CSS VARIABLES & BASE STYLES
   NKP Karbon - PT. Nusantara Karbon Prima
   ================================================ */

:root {
  --maroon-deep: #5C0A14;
  --maroon-mid: #7B1122;
  --maroon-accent: #A51C30;
  --maroon-light: #C4344A;
  --gold: #C9A84C;
  --gold-light: #E8C97A;
  --white: #FFFFFF;
  --off-white: #FAF8F5;
  --gray-100: #F5F0EE;
  --gray-200: #E8E0DC;
  --gray-600: #6B5C57;
  --gray-800: #2C1F1C;
  --glass-dark: rgba(15, 5, 5, 0.75);
  --glass-maroon: rgba(92, 10, 20, 0.82);
  --glass-light: rgba(255, 255, 255, 0.08);
  --shadow-heavy: 0 25px 60px rgba(0, 0, 0, 0.5);
  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.25);
  --radius: 12px;
  --transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

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

html {
  scroll-behavior: smooth;
  font-size: 16px;
}

body {
  font-family: 'Roboto', sans-serif;
  color: var(--gray-800);
  background: var(--off-white);
  overflow-x: hidden;
}

h1, h2, h3, h4 {
  font-family: 'Roboto', serif;
}

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--gray-800); }
::-webkit-scrollbar-thumb { background: var(--maroon-accent); border-radius: 3px; }