/* * Pico.css Catppuccin Mocha & Latte Theme
 * Accent: Blue
 */

/**
 * CATPPUCCIN MOCHA (DARK)
 * Default and explicit dark theme
 */
[data-theme="dark"], 
:root:not([data-theme="light"]) {
  color-scheme: dark;

  /* Surfaces & Backgrounds */
  --pico-background-color: #1e1e2e; /* Base */
  --pico-card-background-color: #181825; /* Mantle */
  --pico-card-sectioning-background-color: #11111b; /* Crust */
  --pico-dropdown-background-color: #181825;
  
  /* Typography */
  --pico-color: #cdd6f4; /* Text */
  --pico-h1-color: #f5e0dc; /* Rosewater */
  --pico-h2-color: #f2cdcd; /* Flamingo */
  --pico-h3-color: #f5c2e7; /* Pink */
  --pico-muted-color: #a6adc8; /* Subtext0 */
  
  /* Accents (Blue) */
  --pico-primary: #89b4fa; /* Blue */
  --pico-primary-background: #89b4fa;
  --pico-primary-hover-background: #b4befe; /* Lavender */
  --pico-primary-underline: rgba(137, 180, 250, 0.5);
  --pico-primary-focus: rgba(137, 180, 250, 0.375);
  --pico-primary-inverse: #11111b;

  /* Form Elements & Borders */
  --pico-form-element-background-color: #313244; /* Surface0 */
  --pico-form-element-border-color: #45475a; /* Surface1 */
  --pico-form-element-color: #cdd6f4;
  --pico-muted-border-color: #313244;
  --pico-border-color: #45475a;
  
  /* Feedback States */
  --pico-ins-color: #a6e3a1; /* Green */
  --pico-del-color: #f38ba8; /* Red */
  --pico-mark-background-color: #f9e2af; /* Yellow */
  --pico-mark-color: #1e1e2e;

  /* Code Blocks */
  --pico-code-background-color: #11111b;
  --pico-code-color: #94e2d5; /* Teal */
}

/**
 * CATPPUCCIN LATTE (LIGHT)
 */
[data-theme="light"] {
  color-scheme: light;

  /* Surfaces & Backgrounds */
  --pico-background-color: #eff1f5; /* Base */
  --pico-card-background-color: #e6e9ef; /* Mantle */
  --pico-card-sectioning-background-color: #dce0e8; /* Crust */
  
  /* Typography */
  --pico-color: #4c4f69; /* Text */
  --pico-h1-color: #dc8a78; /* Rosewater */
  --pico-muted-color: #6c6f85; /* Subtext0 */

  /* Accents (Blue) */
  --pico-primary: #1e66f5; /* Blue */
  --pico-primary-background: #1e66f5;
  --pico-primary-hover-background: #7287fd; /* Lavender */
  --pico-primary-inverse: #eff1f5;

  /* Form Elements & Borders */
  --pico-form-element-background-color: #ccd0da; /* Surface0 */
  --pico-form-element-border-color: #bcc0cc; /* Surface1 */
  --pico-muted-border-color: #ccd0da;
}