/*
 * Flexoki Light Terminal Theme
 * =============================
 * Flexoki is an inky color scheme for prose and code.
 * https://stephango.com/flexoki
 * 
 * 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-flexoki-light {
  /* ===========================================
   * Base Terminal Colors (ANSI 0-15)
   * Single source of truth for all color values
   * =========================================== */
  
  /* Normal Colors (0-7) */
  --color-black: #100f0f;        /* ANSI 0 - Black */
  --color-red: #af3029;          /* ANSI 1 - Red */
  --color-green: #66800b;        /* ANSI 2 - Green */
  --color-yellow: #ad8301;       /* ANSI 3 - Yellow */
  --color-blue: #205ea6;         /* ANSI 4 - Blue */
  --color-magenta: #a02f6f;      /* ANSI 5 - Magenta */
  --color-cyan: #24837b;         /* ANSI 6 - Cyan */
  --color-white: #6f6e69;        /* ANSI 7 - White */
  
  /* Bright Colors (8-15) */
  --color-bright-black: #b7b5ac;     /* ANSI 8 - Bright Black */
  --color-bright-red: #d14d41;       /* ANSI 9 - Bright Red */
  --color-bright-green: #879a39;     /* ANSI 10 - Bright Green */
  --color-bright-yellow: #d0a215;    /* ANSI 11 - Bright Yellow */
  --color-bright-blue: #4385be;      /* ANSI 12 - Bright Blue */
  --color-bright-magenta: #ce5d97;   /* ANSI 13 - Bright Magenta */
  --color-bright-cyan: #3aa99f;      /* ANSI 14 - Bright Cyan */
  --color-bright-white: #cecdc3;     /* ANSI 15 - Bright White */
  
  /* Terminal Background/Foreground */
  --terminal-background: #fffcf0;   /* Background - main background */
  --terminal-foreground: #100f0f;   /* Foreground - primary text */
  
  /* Cursor */
  --cursor-bg: #100f0f;
  --cursor-fg: #fffcf0;
  
  /* Additional Flexoki colors for better UI mapping */
  --flexoki-paper: #fffcf0;      /* Paper - main background */
  --flexoki-surface: #f2f0e5;    /* Surface - slightly darker */
  --flexoki-overlay: #e6e4d9;    /* Overlay - subtle elevation */
  --flexoki-selection: #ceccc3;  /* Selection background */
  
  /* ===========================================
   * Semantic Color Mappings
   * Content-agnostic names to avoid utility redundancy
   * =========================================== */
  
  /* Core Layout Colors */
  --color-surface: var(--flexoki-surface);
  --color-elevated: var(--flexoki-overlay);

  --color-hover: var(--color-elevated);
  
  /* Content Hierarchy - Light theme needs darker text */
  --color-emphasis: color-mix(in oklch, var(--color-foreground) 90%, var(--color-black) 10%);
  
  /* Trix Editor Icons - Light theme needs darker icons */
  --trix-icon-filter: brightness(0) saturate(100%) invert(4%) sepia(4%) saturate(2113%) hue-rotate(5deg) brightness(99%) contrast(97%);
}