/**
 * halans.dev Theme Configuration
 *
 * Customize your site colors by modifying the --land- CSS variables below.
 * All variables use the --land- prefix for easy theming.
 *
 * Usage: Link this file AFTER theme.min.css in your HTML:
 * <link rel="stylesheet" href="./assets/css/theme.min.css">
 * <link rel="stylesheet" href="./assets/css/theme-config.css">
 */

:root {
  /* Custom Purple & Gold Theme */
  --land-primary: #6b6589;
  --land-primary-rgb: 107, 101, 137;
  --land-link-color: #6b6589;
  --land-link-color-rgb: 107, 101, 137;
  --land-link-hover-color: #545170;
  --land-link-hover-color-rgb: 84, 81, 112;

  --land-secondary: #FFCC33 !important;
  --land-secondary-rgb: 255, 204, 51;

  --land-danger: #FFCC33 !important;
  --land-danger-rgb: 255, 204, 51;

  --land-dark: #001f3f;
  --land-dark-rgb: 34, 27, 58;

  --land-light-primary: #efeefd;
  --land-light-primary-rgb: 239, 238, 253;
  --land-light-secondary: #fff9e6;
  --land-light-secondary-rgb: 255, 249, 230;
  --land-light-danger: #fff9e6;
  --land-light-danger-rgb: 255, 249, 230;

  --land-focus-ring-color: rgba(107, 101, 137, 0.25);
}

/* Direct button and component overrides */
.btn-primary {
  --bs-btn-bg: var(--land-secondary) !important;
  --bs-btn-border-color: var(--land-secondary) !important;
  --bs-btn-hover-bg: var(--land-link-hover-color) !important;
  --bs-btn-hover-border-color: var(--land-link-hover-color) !important;
  background-color: var(--land-secondary) !important;
  border-color: var(--land-secondary) !important;
  color: var(--land-dark) !important;
}

.btn-primary:hover {
  background-color: var(--land-link-hover-color) !important;
  border-color: var(--land-link-hover-color) !important;
  color: var(--land-light-primary) !important;
}

.text-primary {
  color: var(--land-primary) !important;
}

.border-primary {
  border-color: var(--land-primary) !important;
}

.text-danger {
  color: var(--land-danger) !important;
}

.text-warning {
  color: var(--land-warning, #ffc93c) !important;
}

.bg-dark {
  background-color: var(--land-dark) !important;
}

/* ========================================
   QUICK THEME EXAMPLES

   To use a theme example, copy the complete block
   and replace the :root { } section above.

   IMPORTANT: Always update both hex AND rgb values!
   ======================================== */

/*
  BLUE OCEAN THEME:

  :root {
    --land-primary: #0066cc;
    --land-primary-rgb: 0, 102, 204;
    --land-link-color: #0066cc;
    --land-link-color-rgb: 0, 102, 204;
    --land-link-hover-color: #0052a3;
    --land-link-hover-color-rgb: 0, 82, 163;

    --land-secondary: #00aaff;
    --land-secondary-rgb: 0, 170, 255;

    --land-danger: #ff4444;
    --land-danger-rgb: 255, 68, 68;

    --land-dark: #001f3f;
    --land-dark-rgb: 0, 31, 63;

    --land-light-primary: #e6f2ff;
    --land-light-primary-rgb: 230, 242, 255;
    --land-light-secondary: #e6f7ff;
    --land-light-secondary-rgb: 230, 247, 255;
    --land-light-danger: #ffeeee;
    --land-light-danger-rgb: 255, 238, 238;

    --land-focus-ring-color: rgba(0, 102, 204, 0.25);
  }

  FOREST GREEN THEME:

  :root {
    --land-primary: #2d6a4f;
    --land-primary-rgb: 45, 106, 79;
    --land-link-color: #2d6a4f;
    --land-link-color-rgb: 45, 106, 79;
    --land-link-hover-color: #1b4332;
    --land-link-hover-color-rgb: 27, 67, 50;

    --land-secondary: #40916c;
    --land-secondary-rgb: 64, 145, 108;

    --land-danger: #c9184a;
    --land-danger-rgb: 201, 24, 74;

    --land-dark: #1b4332;
    --land-dark-rgb: 27, 67, 50;

    --land-light-primary: #e8f3ee;
    --land-light-primary-rgb: 232, 243, 238;
    --land-light-secondary: #ecf6f1;
    --land-light-secondary-rgb: 236, 246, 241;
    --land-light-danger: #fde8ef;
    --land-light-danger-rgb: 253, 232, 239;

    --land-focus-ring-color: rgba(45, 106, 79, 0.25);
  }

  SUNSET ORANGE THEME (currently active):

  :root {
    --land-primary: #f77f00;
    --land-primary-rgb: 247, 127, 0;
    --land-link-color: #f77f00;
    --land-link-color-rgb: 247, 127, 0;
    --land-link-hover-color: #c66500;
    --land-link-hover-color-rgb: 198, 101, 0;

    --land-secondary: #d62828;
    --land-secondary-rgb: 214, 40, 40;

    --land-danger: #ee6c4d;
    --land-danger-rgb: 238, 108, 77;

    --land-dark: #003049;
    --land-dark-rgb: 0, 48, 73;

    --land-light-primary: #fff3e6;
    --land-light-primary-rgb: 255, 243, 230;
    --land-light-secondary: #ffd7d7;
    --land-light-secondary-rgb: 255, 215, 215;
    --land-light-danger: #ffeae6;
    --land-light-danger-rgb: 255, 234, 230;

    --land-focus-ring-color: rgba(247, 127, 0, 0.25);
  }

  ROYAL PURPLE THEME:

  :root {
    --land-primary: #7209b7;
    --land-primary-rgb: 114, 9, 183;
    --land-link-color: #7209b7;
    --land-link-color-rgb: 114, 9, 183;
    --land-link-hover-color: #560892;
    --land-link-hover-color-rgb: 86, 8, 146;

    --land-secondary: #b5179e;
    --land-secondary-rgb: 181, 23, 158;

    --land-danger: #f72585;
    --land-danger-rgb: 247, 37, 133;

    --land-dark: #3c096c;
    --land-dark-rgb: 60, 9, 108;

    --land-light-primary: #f3e6ff;
    --land-light-primary-rgb: 243, 230, 255;
    --land-light-secondary: #fde6fa;
    --land-light-secondary-rgb: 253, 230, 250;
    --land-light-danger: #ffe6f3;
    --land-light-danger-rgb: 255, 230, 243;

    --land-focus-ring-color: rgba(114, 9, 183, 0.25);
  }

  ORIGINAL THEME (halans.dev default):

  :root {
    --land-primary: #ff5938;
    --land-primary-rgb: 255, 89, 56;
    --land-link-color: #ff5938;
    --land-link-color-rgb: 255, 89, 56;
    --land-link-hover-color: #cc472d;
    --land-link-hover-color-rgb: 204, 71, 45;

    --land-secondary: #672ebb;
    --land-secondary-rgb: 103, 46, 187;

    --land-danger: #ea4336;
    --land-danger-rgb: 234, 67, 54;

    --land-dark: #261f44;
    --land-dark-rgb: 38, 31, 68;

    --land-light-primary: #ffeae6;
    --land-light-primary-rgb: 255, 234, 230;
    --land-light-secondary: #ebddff;
    --land-light-secondary-rgb: 235, 221, 255;
    --land-light-danger: #ffebea;
    --land-light-danger-rgb: 255, 235, 234;

    --land-focus-ring-color: rgba(255, 89, 56, 0.25);
  }
*/