/**
 * Dubai Wealth Towers — premium gold reskin (invester template)
 * Linked from layouts/app.blade.php
 */
/* Aligned with dashboard Tailwind amber/yellow (amber-400–600 family) */
:root {
  --dt-gold: #fbbf24;
  --dt-gold-bright: #fde68a;
  --dt-gold-deep: #b45309;
  --dt-gold-dark: #78350f;
  --dt-champagne: #fef3c7;
  --dt-sky: #0a0c10;
  --dt-tower: #12151c;
  --dt-glass: rgba(18, 21, 28, 0.92);
  --dt-border: rgba(245, 158, 11, 0.28);
  --dt-border-soft: rgba(245, 158, 11, 0.14);
  --dt-glow: rgba(253, 230, 138, 0.35);
}

html {
  scroll-behavior: smooth;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

::selection {
  background: rgba(245, 158, 11, 0.35);
  color: #fffbeb;
}

/* Subtle vertical “tower line” texture on dark shells */
.dt-tower-bg {
  background-color: var(--dt-sky);
  background-image:
    linear-gradient(90deg, rgba(245, 158, 11, 0.045) 1px, transparent 1px),
    linear-gradient(180deg, rgba(245, 158, 11, 0.035) 1px, transparent 1px),
    radial-gradient(ellipse 120% 80% at 50% -30%, rgba(245, 158, 11, 0.12), transparent 55%),
    radial-gradient(ellipse 80% 50% at 100% 50%, rgba(217, 119, 6, 0.09), transparent 50%);
  background-size: 48px 48px, 48px 48px, 100% 100%, 100% 100%;
}

/* Premium scrollbar (WebKit) */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #0e1016;
}
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--dt-gold), var(--dt-gold-deep));
  border-radius: 4px;
}
