/* PrivateHub v3000 — themes.css
   CSS variables. Single source of truth for colours, borders, shadows.
   Matches the navy/gold identity from v2020 but cleaned up. */

:root {
  /* Core palette */
  --bg:      #0A1628;   /* deep navy background */
  --deep:    #0c1a30;   /* slightly lighter card base */
  --surface: #142240;   /* elevated surface */
  --card:    #1a2a48;   /* card over surface */

  /* Text hierarchy */
  --text:    #F0EDE4;   /* primary text — warm ivory */
  --sub:     #B8C1D1;   /* secondary text */
  --muted:   #6B7A90;   /* tertiary / hint text */
  --dim:     #4A5A70;   /* disabled / placeholder */

  /* Accent palette */
  --gold:    #C8A84B;   /* the primary brand gold */
  --gold-bright: #D4B35C;
  --teal:    #1EDDB8;
  --violet:  #9A80FF;
  --rose:    #F06070;
  --navy:    #0A1628;

  /* Borders */
  --border:     rgba(255,255,255,0.10);
  --border-sub: rgba(255,255,255,0.06);

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.25);
  --shadow-md: 0 8px 24px rgba(0,0,0,0.35);
  --shadow-lg: 0 20px 50px rgba(0,0,0,0.45);

  /* Radius scale */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;

  /* Spacing scale (4px base) */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;

  /* Motion */
  --t-fast:   120ms cubic-bezier(0.2, 0, 0, 1);
  --t-base:   200ms cubic-bezier(0.2, 0, 0, 1);
  --t-slow:   350ms cubic-bezier(0.32, 0.72, 0, 1);
}

/* Selection colour */
::selection {
  background: rgba(200, 168, 75, 0.35);
  color: var(--text);
}

/* Scrollbar (subtle, matches palette) */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
::-webkit-scrollbar-track {
  background: var(--bg);
}
::-webkit-scrollbar-thumb {
  background: var(--surface);
  border-radius: 10px;
  border: 2px solid var(--bg);
}
::-webkit-scrollbar-thumb:hover {
  background: var(--card);
}