/**
 * Winter Theme - Nordic Frost
 *
 * A cold, crisp theme using the Nord color palette.
 * Perfect for winter events or frost-themed content.
 * Colors aligned with HexUI preset theme.
 */

:root {
  /* ============================================
     COLORS - Primary theming variables (Nord Palette)
     ============================================ */

  /* Background layers (darkest to lightest) - from HexUI fill: #2e3440 */
  --bg-darkest: #242933;      /* Polar night - page background */
  --bg-dark: #2e3440;         /* Nord dark - panels, headers */
  --bg-medium: #3b4252;       /* Nord medium - cards, inputs */
  --bg-light: #434c5e;        /* Nord light - hover states */

  /* Border colors - from HexUI border: #88c0d0, borderStroke: #4c566a */
  --border-dark: #4c566a;     /* Inner shadows, deep borders */
  --border-medium: #4c566a;   /* Standard borders */
  --border-light: #88c0d0;    /* Outer highlights - frost blue */
  --border-gold: #88c0d0;     /* Accent borders - frost blue */

  /* Text colors */
  --text-primary: #eceff4;    /* Snow white - main text */
  --text-secondary: #d8dee9;  /* Pale snow - secondary text */
  --text-muted: #4c566a;      /* Muted slate - disabled, hints */
  --text-accent: #8fbcbb;     /* Frost teal - highlights, links */

  /* Theme accent colors - from HexUI accent: #88c0d0, accentBright: #8fbcbb */
  --theme-primary: #88c0d0;   /* Frost blue - primary actions */
  --theme-secondary: #5e81ac; /* Arctic blue - secondary elements */
  --theme-accent: #8fbcbb;    /* Frost teal - decorative */

  /* Gold color (legacy support - now frost) */
  --gold: #88c0d0;

  /* ============================================
     RARITY COLORS - Universal gaming standard
     ============================================ */
  --rarity-common: #9d9d9d;
  --rarity-uncommon: #1eff00;
  --rarity-rare: #0070dd;
  --rarity-epic: #a335ee;
  --rarity-legendary: #ff8000;

  /* ============================================
     STATUS COLORS - Nord variants
     ============================================ */
  --color-health: #bf616a;    /* HP - aurora red */
  --color-mana: #5e81ac;      /* MP - frost blue */
  --color-xp: #a3be8c;        /* XP - aurora green */
  --color-hunger: #d08770;    /* Hunger - aurora orange */
  --color-success: #a3be8c;   /* Success messages */
  --color-warning: #ebcb8b;   /* Warning messages - aurora yellow */
  --color-error: #bf616a;     /* Error messages */
  --color-info: #5e81ac;      /* Info messages */

  /* ============================================
     ASSET URLs - Use default assets for now
     ============================================ */

  /* Panel assets (9-slice border-image) */
  --asset-panel-bg: url('/themes/default/assets/panel-bg.png');
  --asset-panel-corner-tl: url('/themes/default/assets/corner-tl.png');
  --asset-panel-corner-tr: url('/themes/default/assets/corner-tr.png');
  --asset-panel-corner-bl: url('/themes/default/assets/corner-bl.png');
  --asset-panel-corner-br: url('/themes/default/assets/corner-br.png');
  --asset-panel-border: url('/themes/default/assets/panel-border.png');

  /* Button assets (3-slice) */
  --asset-button-bg: url('/themes/default/assets/button-bg.png');
  --asset-button-left: url('/themes/default/assets/button-left.png');
  --asset-button-right: url('/themes/default/assets/button-right.png');
  --asset-button-primary-bg: url('/themes/default/assets/button-primary-bg.png');
  --asset-button-primary-left: url('/themes/default/assets/button-primary-left.png');
  --asset-button-primary-right: url('/themes/default/assets/button-primary-right.png');

  /* Input assets */
  --asset-select-arrow: url('/themes/default/assets/select-arrow.png');
  --asset-input-bg: url('/themes/default/assets/input-bg.png');

  /* Decorative assets */
  --asset-divider-h: url('/themes/default/assets/divider-h.png');
  --asset-divider-v: url('/themes/default/assets/divider-v.png');
  --asset-header-bg: url('/themes/default/assets/header-bg.png');

  /* Card/Modal assets (9-slice) */
  --asset-card-border: url('/themes/default/assets/card-border.png');
  --asset-modal-frame: url('/themes/default/assets/modal-frame.png');

  /* Progress bar assets */
  --asset-progress-fill: url('/themes/default/assets/progress-fill.png');
  --asset-progress-track: url('/themes/default/assets/progress-track.png');

  /* Tab assets */
  --asset-tab-active: url('/themes/default/assets/tab-active.png');
  --asset-tab-inactive: url('/themes/default/assets/tab-inactive.png');

  /* ============================================
     DIMENSIONS - Consistent sizing
     ============================================ */
  --border-width: 4px;
  --border-width-thick: 6px;
  --corner-size: 16px;
  --button-cap-width: 12px;
  --panel-padding: 16px;
  --panel-padding-sm: 12px;
  --panel-padding-lg: 24px;
  --border-radius: 4px;
  --border-radius-lg: 8px;

  /* ============================================
     SHADOWS - Depth effects with cool tint
     ============================================ */
  --shadow-sm: 0 1px 2px rgba(46, 52, 64, 0.4);
  --shadow-md: 0 2px 4px rgba(46, 52, 64, 0.5);
  --shadow-lg: 0 4px 8px rgba(46, 52, 64, 0.6);
  --shadow-inset: inset 0 2px 4px rgba(46, 52, 64, 0.4);
  --shadow-glow-gold: 0 0 8px rgba(136, 192, 208, 0.5);

  /* ============================================
     TRANSITIONS - Minimal for static feel
     ============================================ */
  --transition-fast: 0.1s ease;
  --transition-normal: 0.2s ease;
}

/* ============================================
   THEME-SPECIFIC OVERRIDES
   ============================================ */

/* Ensure pixel-perfect rendering for assets */
.pixel-panel,
.pixel-button,
.pixel-input,
.pixel-select {
  image-rendering: pixelated;
  image-rendering: crisp-edges;
}

/* Winter-specific glow effects */
.pixel-button:hover {
  box-shadow: 0 0 12px rgba(136, 192, 208, 0.4);
}