/* ISD Original - Design Tokens */
/* Faithful recreation of Flash Flex 3.5 color scheme */

:root {
  /* Original Flash color palette */
  --color-app-bg: #ededed;
  --color-panel-blue: #B4E7FF;
  --color-panel-blue-80: rgba(180, 231, 255, 0.8);
  --color-tab-header: #9adfff;
  --color-panel-white: #FFFFFF;
  --color-rule-light: #CDEFFF;
  --color-rule-dark: #444444;
  --color-text: #000000;
  --color-text-secondary: #666666;
  --color-accent-blue: #0000FF;
  --color-warning-red: #FF0000;
  --color-login-border: #B7BABC;
  --color-shadow: #bfbfbf;

  /* Status colors */
  --color-success: #22c55e;
  --color-danger: #ef4444;

  /* Layout dimensions */
  --width-app: 1280px;
  --width-left-panel: 300px;
  --width-center-panel: 640px;
  --width-right-panel: 300px;
  --height-app: 100vh;
  --height-toptab: 196px;

  /* Dark background */
  --color-body-bg: #2c2c2c;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;

  /* Border radius */
  --radius-sm: 3px;
  --radius-md: 5px;
  --radius-lg: 10px;
  --radius-xl: 15px;

  /* Typography */
  --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  --font-size-xs: 10px;
  --font-size-sm: 11px;
  --font-size-base: 12px;
  --font-size-lg: 14px;
  --font-size-xl: 16px;
  --font-size-2xl: 20px;

  /* Shadows */
  --shadow-panel: 2px 2px 4px rgba(191, 191, 191, 0.5);
  --shadow-dialog: 0 4px 12px rgba(0, 0, 0, 0.15);

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-normal: 250ms ease;
  --transition-slow: 400ms ease;
}