/**
 * Spring Theme - Fresh Greens & Florals
 *
 * A fresh, vibrant theme with spring greens and warm floral accents.
 * Perfect for spring events and renewal-themed content.
 * Colors aligned with HexUI preset theme.
 */

:root {
  /* ============================================
     COLORS - Primary theming variables
     ============================================ */

  /* Background layers (darkest to lightest) - from HexUI fill: #1a2e14 */
  --bg-darkest: #0f1a0c;      /* Deep forest - page background */
  --bg-dark: #1a2e14;         /* Dark moss - panels, headers */
  --bg-medium: #2d4a22;       /* Forest floor - cards, inputs */
  --bg-light: #3d5c30;        /* Spring shade - hover states */

  /* Border colors - from HexUI border: #90be6d, borderStroke: #2d4a22 */
  --border-dark: #2d4a22;     /* Inner shadows, deep borders */
  --border-medium: #3d5c30;   /* Standard borders */
  --border-light: #90be6d;    /* Outer highlights - spring green */
  --border-gold: #f9c74f;     /* Accent borders - sunflower yellow */

  /* Text colors */
  --text-primary: #e8f5e0;    /* Pale spring green - main text */
  --text-secondary: #90be6d;  /* Light green - secondary text */
  --text-muted: #5a7a4a;      /* Muted forest - disabled, hints */
  --text-accent: #f9c74f;     /* Sunflower yellow - highlights, links */

  /* Theme accent colors - from HexUI accent: #f9c74f, accentBright: #f9844a */
  --theme-primary: #90be6d;   /* Spring green - primary actions */
  --theme-secondary: #f9844a; /* Coral orange - secondary elements */
  --theme-accent: #f9c74f;    /* Sunflower yellow - decorative */

  /* Gold color (legacy support - now sunflower) */
  --gold: #f9c74f;

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

  /* ============================================
     STATUS COLORS - Spring variants
     ============================================ */
  --color-health: #e63946;    /* HP - rose red */
  --color-mana: #4361ee;      /* MP - bluebell */
  --color-xp: #90be6d;        /* XP - spring green */
  --color-hunger: #f9844a;    /* Hunger - coral orange */
  --color-success: #90be6d;   /* Success messages */
  --color-warning: #f9c74f;   /* Warning messages */
  --color-error: #e63946;     /* Error messages */
  --color-info: #4361ee;      /* 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 green tint
     ============================================ */
  --shadow-sm: 0 1px 2px rgba(20, 40, 10, 0.3);
  --shadow-md: 0 2px 4px rgba(20, 40, 10, 0.4);
  --shadow-lg: 0 4px 8px rgba(20, 40, 10, 0.5);
  --shadow-inset: inset 0 2px 4px rgba(20, 40, 10, 0.3);
  --shadow-glow-gold: 0 0 8px rgba(249, 199, 79, 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;
}

/* Spring-specific glow effects */
.pixel-button:hover {
  box-shadow: 0 0 12px rgba(144, 190, 109, 0.4);
}