/* main.css — DlightSoft Global Styles */

:root {
  --dl-primary: #1A73E8;
  --dl-primary-dark: #1557B0;
  --dl-primary-light: #E8F0FE;
  --dl-accent: #FF6D00;
  --dl-accent-dark: #E65100;
  --dl-accent-light: #FFF3E0;
  --dl-success: #34A853;
  --dl-danger: #EA4335;
  --dl-bg: #F8F9FA;
  --dl-bg-alt: #EEF2FF;
  --dl-surface: #FFFFFF;
  --dl-surface-2: #F1F3F4;
  --dl-border: #E8EAED;
  --dl-text-primary: #1C1C1E;
  --dl-text-muted: #5F6368;
  --dl-text-light: #FFFFFF;
  --dl-text-disabled: #9AA0A6;
  --dl-dark: #0D1117;
  --dl-dark-surface: #161B22;
  --dl-dark-border: #30363D;
  --font-display: 'Poppins', sans-serif;
  --font-body: 'Inter', sans-serif;
  --space-2: 8px;  --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px;
  --space-10: 40px; --space-12: 48px; --space-16: 64px;
  --space-20: 80px;
  --section-py: 80px;
  --radius-sm: 6px;  --radius-md: 10px;
  --radius-lg: 14px; --radius-xl: 20px; --radius-full: 9999px;
  --shadow-1: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-2: 0 4px 12px rgba(0,0,0,0.09);
  --shadow-3: 0 8px 24px rgba(0,0,0,0.11);
  --shadow-4: 0 16px 40px rgba(0,0,0,0.13);
  --shadow-primary: 0 8px 24px rgba(26,115,232,0.32);
  --shadow-accent: 0 8px 24px rgba(255,109,0,0.30);
  --t-fast: 150ms ease; --t-base: 250ms ease; --t-slow: 400ms ease;
  --z-sticky: 200; --z-modal: 300; --z-toast: 400;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--font-body);font-size:1rem;line-height:1.65;color:var(--dl-text-primary);background:var(--dl-bg);-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:var(--dl-primary);text-decoration:none;transition:color var(--t-fast)}
a:hover{color:var(--dl-primary-dark)}
ul,ol{list-style:none;padding:0;margin:0}
p{color:var(--dl-text-muted);line-height:1.75;margin-bottom:1rem}
p:last-child{margin-bottom:0}

h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--dl-text-primary);letter-spacing:-0.02em}
h1{font-size:clamp(2rem,5vw,3.75rem);font-weight:800}
h2{font-size:clamp(1.6rem,4vw,2.25rem)}
h3{font-size:clamp(1.15rem,3vw,1.5rem)}
h4{font-size:1.25rem;font-weight:600}

.dl-section{padding:var(--section-py) 0;position:relative}
.dl-section-sm{padding:var(--space-12) 0}
.dl-section-alt{background-color:var(--dl-bg-alt)}
.dl-section-dark{background-color:var(--dl-dark);color:var(--dl-text-light)}
.dl-section-dark h2,.dl-section-dark h3,.dl-section-dark p{color:inherit}
.dl-section-gradient{background:linear-gradient(135deg,var(--dl-primary) 0%,#0D47A1 100%);color:var(--dl-text-light)}

.dl-section-header{text-align:center;max-width:640px;margin:0 auto var(--space-12)}
.dl-section-header h2{margin-bottom:var(--space-4)}
.dl-section-header p{font-size:1.125rem}
.dl-section-header .dl-badge{margin-bottom:var(--space-3)}

.dl-divider{width:56px;height:4px;background:linear-gradient(90deg,var(--dl-primary),var(--dl-accent));border-radius:var(--radius-full);margin:var(--space-3) auto 0}
.dl-divider-left{margin-left:0}

::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:var(--dl-bg)}
::-webkit-scrollbar-thumb{background:var(--dl-border);border-radius:var(--radius-full)}
::selection{background:var(--dl-primary-light);color:var(--dl-primary-dark)}
:focus-visible{outline:2px solid var(--dl-primary);outline-offset:3px;border-radius:var(--radius-sm)}

@keyframes fadeInUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes spin{to{transform:rotate(360deg)}}
.animate-float{animation:float 4s ease-in-out infinite}

#dl-toast-container{position:fixed;bottom:24px;right:24px;z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2)}
.dl-toast{background:var(--dl-dark);color:var(--dl-text-light);padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);box-shadow:var(--shadow-4);font-size:.875rem;font-weight:500;min-width:240px;animation:fadeInUp .3s ease;display:flex;align-items:center;gap:var(--space-3)}
.dl-toast.success{border-left:4px solid var(--dl-success)}
.dl-toast.error{border-left:4px solid var(--dl-danger)}
.dl-toast.info{border-left:4px solid var(--dl-primary)}

@media(max-width:768px){:root{--section-py:48px}.dl-section-header{margin-bottom:var(--space-8)}}