/* Design tokens for IGEL OS Manager — single source of truth.
   Mirrors cloud-dashboard/frontend/tokens.css. Linked from base.html and the
   standalone vnc.html / shell.html pages. */
:root {
  --igel-yellow:  #FFD100;
  --igel-black:   #1A1A1A;

  --bg:           #F5F5F5;   /* page */
  --surface:      #FFFFFF;   /* cards, panes */
  --surface-2:    #FAFAFA;   /* table heads, toolbars */
  --surface-hi:   #F0F0F0;   /* hover rows, ghost-button hover */
  --border:       #E2E2E2;
  --border-strong:#CFCFCF;
  --text:         #1A1A1A;
  --text-muted:   #666666;
  --text-dim:     #8A8A8A;
  --link:         #0070C0;

  --accent:       #FFD100;   /* brand yellow: header, highlights, active states */
  --accent-hover: #E6BC00;
  --accent-dim:   #C9A400;
  --accent-tint:  #FFF8CC;   /* soft yellow background for selected/active */
  --danger:       #D0021B;
  --danger-hover: #A80116;
  --danger-tint:  #FCE8EB;
  --success:      #00A878;
  --success-tint: #E6F7F2;
  --warning:      #E8820C;
  --warning-tint: #FEF4E8;
  --info:         #0070C0;
  --info-tint:    #E8F1FA;
  --dot-off:      #B8B8B8;   /* offline status dot */

  --header-h: 52px;
  --radius:   8px;
  --shadow-sm: 0 1px 4px rgba(0,0,0,.08);
  --shadow-md: 0 4px 16px rgba(0,0,0,.12);
  --mono: ui-monospace, "Cascadia Mono", Menlo, Consolas, monospace;
}