/*
 * Tokyo Night Terminal Theme - Refactored Naming
 * ==============================================
 * Based on the popular Tokyo Night color scheme
 * https://github.com/enkia/tokyo-night-vscode-theme
 * 
 * Uses content-agnostic naming to avoid redundant utility classes
 * like text-text-primary or bg-bg-primary
 */

/* Theme definition with improved naming convention */
:root.theme-tokyo-night {
  /* ===========================================
   * Base Terminal Colors (ANSI 0-15)
   * Single source of truth for all color values
   * =========================================== */
  
  /* Normal Colors (0-7) */
  --color-black: #15161e;        /* ANSI 0 */
  --color-red: #f7768e;          /* ANSI 1 */
  --color-green: #9ece6a;        /* ANSI 2 */
  --color-yellow: #e0af68;       /* ANSI 3 */
  --color-blue: #7aa2f7;         /* ANSI 4 */
  --color-magenta: #bb9af7;      /* ANSI 5 */
  --color-cyan: #7dcfff;         /* ANSI 6 */
  --color-white: #a9b1d6;        /* ANSI 7 */
  
  /* Bright Colors (8-15) */
  --color-bright-black: #414868;     /* ANSI 8 */
  --color-bright-red: var(--color-red);    /* ANSI 9 - Same as red */
  --color-bright-green: var(--color-green); /* ANSI 10 - Same as green */
  --color-bright-yellow: var(--color-yellow); /* ANSI 11 - Same as yellow */
  --color-bright-blue: var(--color-blue);   /* ANSI 12 - Same as blue */
  --color-bright-magenta: var(--color-magenta); /* ANSI 13 - Same as magenta */
  --color-bright-cyan: var(--color-cyan);   /* ANSI 14 - Same as cyan */
  --color-bright-white: #c0caf5;     /* ANSI 15 */
  
  /* Terminal Background/Foreground */
  --terminal-background: #1a1b26;
  --terminal-foreground: #c0caf5;
  
  /* Cursor */
  --cursor-bg: #c0caf5;
  --cursor-fg: #1a1b26;
  
  /* ===========================================
   * Semantic Color Mappings
   * Content-agnostic names to avoid utility redundancy
   * =========================================== */
  
  /* Core Layout Colors */
  --color-surface: color-mix(in oklch, var(--color-bright-black) 30%, var(--terminal-background) 70%);
  --color-elevated: var(--color-bright-black);
  --color-overlay: color-mix(in oklch, var(--color-black) 80%, transparent);
  
  /* Shadow */
  --color-shadow: color-mix(in oklch, var(--color-black) 30%, transparent);
  
  /* Trix Editor Icons */
  --trix-icon-filter: brightness(0) saturate(100%) invert(79%) sepia(26%) saturate(324%) hue-rotate(192deg) brightness(98%) contrast(87%);
}