@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:wght@400;500;600;700&display=swap');

:root {
  /* Surfaces */
  --bg-sidebar: #111111;
  --bg-main:    #151515;
  --bg-surface: #20201F;
  --bg-hover:   #262624;
  --bg-active:  #2e2d2b;
  --bg-code:    #0c0c0b;

  /* Text */
  --text-primary:   #F0EFEC;
  --text-secondary: #b5b3ad;
  --text-muted:     #898781;
  --text-faint:     #5f5e5a;

  /* Accent */
  --accent:       #6DA7EC;
  --accent-hover: #8bb9f0;
  --accent-ring:  rgba(109, 167, 236, 0.22);

  /* Borders */
  --border:        #2a2928;
  --border-strong: #3a3937;

  /* Status */
  --ok:     #7fc99a;
  --warn:   #e5b567;
  --danger: #e58484;

  /* Fonts */
  --font-sans: 'Albert Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: ui-monospace, 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;

  /* Radii */
  --radius-sm: 6px;
  --radius:    8px;
  --radius-lg: 12px;

  /* Sizes */
  --sidebar-width:    232px;
  --sidebar-panel-w:  440px;
  --content-width:    760px;
  --header-height:    52px;
}