/*
 * Rosé Pine Dawn Terminal Theme - Refactored Naming
 * =================================================
 * Official Rosé Pine Dawn (light) variant
 * https://rosepinetheme.com/
 * 
 * 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-rose-pine {
  /* ===========================================
   * Base Terminal Colors (ANSI 0-15)
   * Single source of truth for all color values
   * =========================================== */
  
  /* Normal Colors (0-7) */
  --color-black: #9893a5;        /* ANSI 0 - Muted */
  --color-red: #b4637a;          /* ANSI 1 - Love */
  --color-green: #286983;        /* ANSI 2 - Pine */
  --color-yellow: #ea9d34;       /* ANSI 3 - Gold */
  --color-blue: #56949f;         /* ANSI 4 - Foam */
  --color-magenta: #907aa9;      /* ANSI 5 - Iris */
  --color-cyan: #d7827e;         /* ANSI 6 - Rose */
  --color-white: #797593;        /* ANSI 7 - Subtle */
  
  /* Bright Colors (8-15) */
  --color-bright-black: #dfdad9;     /* ANSI 8 - Highlight Med */
  --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: #cecacd;     /* ANSI 15 - Highlight High */
  
  /* Terminal Background/Foreground */
  --terminal-background: #faf4ed;   /* Base - main background */
  --terminal-foreground: #575279;   /* Text - primary text */
  
  /* Cursor */
  --cursor-bg: #575279;
  --cursor-fg: #faf4ed;
  
  /* Additional Rosé Pine colors for better mapping */
  --rp-surface: #fffaf3;      /* Surface - slightly lighter than base */
  --rp-overlay: #f2e9e1;      /* Overlay - subtle elevation */
  --rp-highlight-low: #f4ede8;
  --rp-highlight-med: #dfdad9;
  --rp-highlight-high: #cecacd;
  
  /* ===========================================
   * Semantic Color Mappings
   * Content-agnostic names to avoid utility redundancy
   * =========================================== */
  
  /* Core Layout Colors */
  --color-surface: var(--rp-surface);
  --color-elevated: var(--rp-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(35%) sepia(8%) saturate(1471%) hue-rotate(215deg) brightness(95%) contrast(91%);
}