/* CSS Custom Properties / Design Tokens */
:root {
  /* Paper colors */
  --paper-bg: #fefefe;
  --line-blue: #a8c8ec;
  --margin-pink: #ff9999;
  
  /* Text colors */
  --ink: #2c3e50;
  --accent: #3498db;
  
  /* Status colors */
  --success: #27ae60;
  --danger: #e74c3c;
  --warning: #f39c12;
  
  /* Shadows and effects */
  --shadow-light: 0 2px 8px rgba(0, 0, 0, 0.1);
  --shadow-medium: 0 4px 16px rgba(0, 0, 0, 0.15);
  --shadow-heavy: 0 8px 32px rgba(0, 0, 0, 0.2);
  
  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-medium: 0.3s ease;
  --transition-slow: 0.5s ease;
  
  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-xxl: 3rem;
  
  /* Border radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 50%;
  
  /* Typography */
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.875rem;
  --font-size-base: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 1.875rem;
  --font-size-4xl: 2.25rem;
  
  /* Line heights */
  --leading-tight: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.75;
  
  /* Font weights */
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
}

/* Dark mode support (optional) */
@media (prefers-color-scheme: dark) {
  :root {
    --paper-bg: #2c2c2c;
    --line-blue: #4a6fa5;
    --margin-pink: #cc6666;
    --ink: #e8e8e8;
    --accent: #5dade2;
    --success: #58d68d;
    --danger: #ec7063;
    --warning: #f7dc6f;
  }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
  :root {
    --paper-bg: #ffffff;
    --line-blue: #0066cc;
    --margin-pink: #cc0000;
    --ink: #000000;
    --accent: #0066cc;
    --success: #006600;
    --danger: #cc0000;
    --warning: #cc6600;
  }
}

/* Token-specific variables (will be populated by JavaScript) */
:root {
  --token-name: 'Homework Token';
  --token-ticker: 'HWK';
  --token-price: '0.00';
  --token-change: '0.0%';
  --token-contract: '';
  --token-chain: 'Ethereum';
}