/**
 * Crypto Monitor — Apple Minimalist Dark Mode Design Tokens
 * Inspired by macOS Sequoia, iOS 18 Dark Mode & visionOS Materials
 */

:root {
  /* System Backgrounds (OLED & Elevated Dark Grays) */
  --apple-bg-primary: #000000;
  --apple-bg-secondary: #1C1C1E;
  --apple-bg-tertiary: #2C2C2E;
  --apple-bg-quaternary: #3A3A3C;

  /* Translucent Vibrancy Materials */
  --apple-material-header: rgba(28, 28, 30, 0.72);
  --apple-material-sidebar: rgba(18, 18, 20, 0.82);
  --apple-material-card: rgba(28, 28, 30, 0.65);
  --apple-blur: saturate(180%) blur(20px);

  /* Hairline Separators & Specular Borders */
  --apple-separator: rgba(84, 84, 88, 0.65);
  --apple-border-hairline: rgba(255, 255, 255, 0.08);
  --apple-border-elevated: rgba(255, 255, 255, 0.14);

  /* Typography Labels */
  --apple-label-primary: #FFFFFF;
  --apple-label-secondary: rgba(235, 235, 245, 0.60);
  --apple-label-tertiary: rgba(235, 235, 245, 0.30);
  --apple-label-quaternary: rgba(235, 235, 245, 0.18);

  /* System Accent Colors (Dark Mode Variant) */
  --apple-blue: #0A84FF;
  --apple-green: #30D158;
  --apple-indigo: #5E5CE6;
  --apple-orange: #FF9F0A;
  --apple-yellow: #FFD60A;
  --apple-red: #FF453A;
  --apple-cyan: #64D2FF;
  --apple-purple: #BF5AF2;

  /* Subtle Tinted Surfaces for Feature Cards */
  --apple-tint-blue: rgba(10, 132, 255, 0.12);
  --apple-tint-indigo: rgba(94, 92, 230, 0.12);
  --apple-tint-green: rgba(48, 209, 88, 0.10);
  --apple-tint-orange: rgba(255, 159, 10, 0.10);
  --apple-tint-cyan: rgba(100, 210, 255, 0.10);

  /* Continuous Corner Radii (Squircles) */
  --apple-radius-xs: 8px;
  --apple-radius-sm: 12px;
  --apple-radius-md: 16px;
  --apple-radius-lg: 22px;
  --apple-radius-xl: 28px;
  --apple-radius-pill: 9999px;

  /* Typography */
  --apple-font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", sans-serif;
  --apple-font-mono: "SF Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;

  /* Shadows */
  --apple-shadow-card: 0 4px 24px rgba(0, 0, 0, 0.45);
  --apple-shadow-floating: 0 12px 40px rgba(0, 0, 0, 0.65);
}