/*
 * Kanagawa Wave Terminal Theme
 * ============================
 * Inspired by the colors of the famous painting "The Great Wave off Kanagawa" by Katsushika Hokusai
 * https://github.com/rebelot/kanagawa.nvim
 * 
 * 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-kanagawa-wave {
  /* ===========================================
   * Base Terminal Colors (ANSI 0-15)
   * Single source of truth for all color values
   * =========================================== */
  
  /* Normal Colors (0-7) */
  --color-black: #090618;        /* ANSI 0 - Sumiink 0 */
  --color-red: #c34043;          /* ANSI 1 - Autumn Red */
  --color-green: #76946a;        /* ANSI 2 - Autumn Green */
  --color-yellow: #c0a36e;       /* ANSI 3 - Boat Yellow 2 */
  --color-blue: #7e9cd8;         /* ANSI 4 - Crystal Blue */
  --color-magenta: #957fb8;      /* ANSI 5 - Oni Violet */
  --color-cyan: #6a9589;         /* ANSI 6 - Wave Aqua 2 */
  --color-white: #c8c093;        /* ANSI 7 - Old White */
  
  /* Bright Colors (8-15) */
  --color-bright-black: #727169;     /* ANSI 8 - Fuji Gray */
  --color-bright-red: #e82424;       /* ANSI 9 - Samurai Red */
  --color-bright-green: #98bb6c;     /* ANSI 10 - Spring Green */
  --color-bright-yellow: #e6c384;    /* ANSI 11 - Carpenter Yellow */
  --color-bright-blue: #7fb4ca;      /* ANSI 12 - Spring Blue */
  --color-bright-magenta: #938aa9;   /* ANSI 13 - Oni Violet 2 */
  --color-bright-cyan: #7aa89f;      /* ANSI 14 - Wave Aqua 1 */
  --color-bright-white: #dcd7ba;     /* ANSI 15 - Fuji White */
  
  /* Terminal Background/Foreground */
  --terminal-background: #1f1f28;   /* Wave Background */
  --terminal-foreground: #dcd7ba;   /* Fuji White */
  
  /* Cursor */
  --cursor-bg: #c8c093;
  --cursor-fg: #1d202f;
  
  /* Additional Kanagawa colors for better UI mapping */
  --kanagawa-sumiink-1: #16161d;    /* Darker background */
  --kanagawa-sumiink-3: #363646;    /* UI elements */
  --kanagawa-sumiink-4: #54546d;    /* Medium gray */
  --kanagawa-wave-blue-1: #223249;  /* Selection background */
  --kanagawa-wave-blue-2: #2d4f67;  /* Selection (from iTerm) */
  
  /* ===========================================
   * Semantic Color Mappings
   * Content-agnostic names to avoid utility redundancy
   * =========================================== */
  
  /* Core Layout Colors */
  --color-surface: var(--kanagawa-sumiink-3);
  --color-elevated: var(--kanagawa-sumiink-4);
  --color-overlay: color-mix(in oklch, var(--color-black) 80%, transparent);
  
  /* UI Element Colors - Override defaults to use proper Kanagawa colors */
  --color-border: var(--kanagawa-sumiink-4);
  --color-divider: var(--kanagawa-sumiink-4);
  --color-hover: var(--kanagawa-wave-blue-1);
  --color-active: var(--kanagawa-wave-blue-2);
  --color-selected: var(--kanagawa-wave-blue-2);
  
  /* Navigation Colors */
  --color-nav: var(--kanagawa-sumiink-3);
  --color-nav-hover: var(--kanagawa-wave-blue-1);
  --color-nav-active: var(--kanagawa-wave-blue-2);
  
  /* Text Hierarchy - Use Kanagawa's natural color progression */
  --color-emphasis: #dcd7ba;   /* Fuji White - brightest, for emphasized/main text */
  --color-secondary: #c8c093;  /* Old White - for secondary text/labels */
  --color-tertiary: #727169;   /* Fuji Gray - for tertiary/de-emphasized text */
  --color-disabled: #54546d;   /* Sumiink 4 - for disabled text */
  
  /* Shadow */
  --color-shadow: color-mix(in oklch, var(--color-black) 30%, transparent);
  
  /* Trix Editor Icons - Dark theme needs lighter icons */
  --trix-icon-filter: brightness(0) saturate(100%) invert(88%) sepia(8%) saturate(701%) hue-rotate(14deg) brightness(95%) contrast(90%);
}