:root{
  /* desktop shell (hand-built, conventional Win98 values) */
  --desktop-teal:      #008080;  /* full-viewport background */
  --selection-navy:    #000080;  /* icon-label select, menu hover, Start sidebar */
  --bsod-blue:         #0000aa;  /* easter-egg */
  /* 98.css surface + bevel recipe (reuse verbatim) */
  --text-color:        #222222;
  --surface:           #c0c0c0;  /* battleship gray face */
  --button-highlight:  #ffffff;  /* top-left bevel edge */
  --button-face:       #dfdfdf;
  --button-shadow:     #808080;  /* bottom-right bevel edge */
  --window-frame:      #0a0a0a;  /* hard outer edge */
  --dialog-blue:       #000080;  /* active title gradient start (navy) */
  --dialog-blue-light: #1084d0;  /* active title gradient end (azure) */
  --dialog-gray:       #808080;  /* inactive gradient start */
  --dialog-gray-light: #b5b5b5;  /* inactive gradient end */
  --link-blue:         #0000ff;
}

/* RAISED (windows, buttons, taskbar, Start menu, icons) */
.bevel-raised{
  box-shadow:
    inset -1px -1px var(--window-frame),
    inset  1px  1px var(--button-highlight),
    inset -2px -2px var(--button-shadow),
    inset  2px  2px var(--button-face);
}

/* SUNKEN (text fields, tray clock, sunken panels, pressed buttons) — corners inverted */
.bevel-sunken{
  box-shadow:
    inset -1px -1px var(--button-highlight),
    inset  1px  1px var(--window-frame),
    inset -2px -2px var(--button-face),
    inset  2px  2px var(--button-shadow);
}