/*
 * Color system - Browser default colors (black/white).
 */
:root {
  /* Semantic colors - using browser defaults */
  --color-background: white;
  --color-background-elevated: #f5f5f5;
  --color-text: black;
  --color-text-secondary: #666;
  --color-text-muted: #999;
  --color-border: #ccc;
  --color-accent: #0066cc;
  --color-accent-subtle: #3385d6;

  /* State colors - minimal semantic colors */
  --color-success: #008000;
  --color-warning: #ffa500;
  --color-error: #dc143c;
  --color-info: #0066cc;

  /* Component-specific colors */
  --color-link: #0066cc;
  --color-link-hover: #004080;

  --color-button-primary-bg: #0066cc;
  --color-button-primary-text: white;
  --color-button-primary-hover: #004080;

  --color-input-bg: white;
  --color-input-border: #ccc;
  --color-input-border-focus: #0066cc;
  --color-input-text: black;

  --color-nav-bg: white;
  --color-nav-text: black;
  --color-nav-active: #0066cc;

  /* Admin interface colors */
  --color-dark-gray: #333;
  --color-yellow: #ffa500;
  --color-white: white;
}