:root {
  --document-bg: #0f1115;
  --document-panel: #16181d;
  --document-panel-1: #1b1e24;
  --document-panel-2: #20242b;

  --document-text: #e6e6e6;
  --document-text-muted-2: #b0b4bb;
  --document-text-muted-3: #8b9098;
  --document-text-muted-4: #6b7078;

  --document-border-control: #2c3138;
  --document-border-subtle: #24282e;
  --document-border-strong: #3a4048;

  --document-accent-soft: #4f8cff;
  --document-accent-soft-bg: rgba(79, 140, 255, 0.18);

  --hero-gradient-start: #001A33;
  --hero-gradient-end: #003666;

  --document-hover: #1f2a3a;

  --document-icon-subtle: #9aa0a6;

  --document-shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.5);

  --notice-info-bg: rgba(80,150,255,0.1);
  --notice-info-border: rgba(80,150,255,0.3);
  --notice-info-text: #9ecbff;

  --notice-success-bg: rgba(80,200,120,0.1);
  --notice-success-border: rgba(80,200,120,0.3);
  --notice-success-text: #8ee0a6;

  --notice-warning-bg: rgba(255,180,60,0.1);
  --notice-warning-border: rgba(255,180,60,0.3);
  --notice-warning-text: #ffd27a;

  --notice-danger-bg: rgba(255,80,80,0.1);
  --notice-danger-border: rgba(255,80,80,0.3);
  --notice-danger-text: #ff9e9e;
}