:root {
  /* Brand palette */
  --navy-950:  #080E17;
  --navy-900:  #0D1B2A;
  --navy-800:  #112236;
  --navy-700:  #1A3350;
  --navy-600:  #1E3D5C;
  --navy-400:  #2E5F8A;

  --gold-500:  #C9A96E;
  --gold-400:  #D4BA89;
  --gold-300:  #E2D0A8;
  --gold-200:  #F0E8D0;
  --gold-600:  #A8803E;

  --surface-0: #080E17;
  --surface-1: #0D1B2A;
  --surface-2: #112236;
  --surface-3: #1A3350;

  --text-primary:   #F5F0E8;
  --text-secondary: rgba(245, 240, 232, 0.6);
  --text-muted:     rgba(245, 240, 232, 0.35);

  --border:         rgba(201, 169, 110, 0.12);
  --border-hover:   rgba(201, 169, 110, 0.25);
  --border-focus:   rgba(201, 169, 110, 0.5);

  --success:        #4A9D6F;
  --success-bg:     rgba(74, 157, 111, 0.12);
  --warning:        #C9943A;
  --warning-bg:     rgba(201, 148, 58, 0.12);
  --danger:         #C95A5A;
  --danger-bg:      rgba(201, 90, 90, 0.12);
  --info:           #4A7EC9;
  --info-bg:        rgba(74, 126, 201, 0.12);

  /* Tipografija */
  --font-display: 'Cormorant Garamond', 'Garamond', Georgia, serif;
  --font-body:    'DM Sans', 'Helvetica Neue', sans-serif;
  --font-mono:    'DM Mono', 'Fira Code', monospace;

  /* Spacing */
  --sidebar-width: 240px;
  --topbar-height: 64px;
  --radius-sm:  6px;
  --radius-md:  10px;
  --radius-lg:  14px;
  --radius-xl:  20px;

  /* Transitions */
  --transition: 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}