/* .vitepress/theme/custom.css */

/* :root { */
/*   --vp-font-family-base: 'Karla', system-ui, sans-serif; */
/*   --vp-font-family-mono: 'Source Code Pro', ui-monospace, monospace; */
/* } */
/* ===== Base (light) ===================================================== */
:root {

  /* Palette */
  --paw-brown-900: #1a1412;
  --paw-brown-800: #2a2a2a;
  --paw-brown-700: #3b2c28; /* deep */
  --paw-brown-600: #5b3a2e; /* warm */
  --paw-tan-500:  #c9a646;  /* darker tan */
  --paw-tan-400:  #d2b47c;  /* lighter support */
  --paw-ivory:    #faf7f2;  /* paper-like background */

  /* === Foreground brand: Bronze === */
  --vp-c-brand-1: #a97142; /* bronze base */
  --vp-c-brand-2: #8f5d33; /* darker bronze (hover/active) */
  --vp-c-brand-3: #6f4827; /* outlines/borders */

  /* UI text & surfaces (light) */
  --vp-c-bg:        var(--paw-ivory);
  --vp-c-bg-soft:   #f3efe7;
  --vp-c-bg-mute:   #ece5d9;
  --vp-c-text-1:    #2c241f;    /* main text */
  --vp-c-text-2:    #4b4038;    /* secondary */
  --vp-c-text-3:    #6c5f55;    /* tertiary */

  /* Borders & rings */
  --vp-c-divider:   #e5dccd;
  --vp-c-gutter:    #e9e0d2;

  /* Code blocks */
  --vp-code-block-bg: #f7f2ea;
  --vp-code-block-border: #eadfcf;
  --vp-code-line-highlight: #efe6d7;
  --vp-code-copy-code-bg: #efe6d7;

  /* Callouts (custom blocks) */
  --vp-c-tip-1:    #f0eadc;
  --vp-c-tip-2:    var(--vp-c-brand-1);
  --vp-c-warning-1:#f6edd5;
  --vp-c-warning-2:#caa03a;
  --vp-c-danger-1: #f6e6e4;
  --vp-c-danger-2: #b25a4a;

  /* Home hero (bronze gradient over browns) */
  --vp-home-hero-name-color: transparent;
  --vp-home-hero-name-background: -webkit-linear-gradient(
    120deg,
    var(--vp-c-brand-1) 0%,
    var(--paw-brown-600) 55%,
    var(--paw-brown-700) 100%
  );
  --vp-home-hero-image-background-image: linear-gradient(
    -45deg,
    var(--paw-brown-700) 48%,
    var(--vp-c-brand-1) 52%
  );
  --vp-home-hero-image-filter: blur(60px);
}

/* Scale glow on wider screens */
@media (min-width: 640px) {
  :root { --vp-home-hero-image-filter: blur(74px); }
}
@media (min-width: 960px) {
  :root { --vp-home-hero-image-filter: blur(88px); }
}

/* Image framing */
.VPHero .VPImage {
  filter: drop-shadow(-2px 4px 8px rgba(42, 42, 42, 0.25));
  padding: 14px;
}

/* Buttons & links */
.VPButton.VPButton--brand {
  --vp-button-brand-bg: var(--vp-c-brand-1);
  --vp-button-brand-hover-bg: var(--vp-c-brand-2);
  --vp-button-brand-border: transparent;
  --vp-button-brand-text: #f6f8fa; /* ensure contrast */
}
a { color: var(--vp-c-brand-1); }
a:hover { color: var(--vp-c-brand-2); }

/* Code block polish */
.vp-doc .shiki, .vp-doc pre code {
  background: var(--vp-code-block-bg) !important;
  border: 1px solid var(--vp-code-block-border);
}

/* Custom block accents */
.custom-block.tip { border-left-color: var(--vp-c-tip-2); }
.custom-block.warning { border-left-color: var(--vp-c-warning-2); }
.custom-block.danger { border-left-color: var(--vp-c-danger-2); }

/* ===== Dark mode ======================================================== */
:root.dark {
  --vp-c-bg:        #12100e;
  --vp-c-bg-soft:   #171412;
  --vp-c-bg-mute:   #1d1916;

  --vp-c-text-1:    #f2ece6;
  --vp-c-text-2:    #daccbf;
  --vp-c-text-3:    #b7a898;

  --vp-c-divider:   #2b241f;
  --vp-c-gutter:    #26211e;

  /* Bronze foreground (lighter for contrast on dark) */
  --vp-c-brand-1: #c08953;
  --vp-c-brand-2: #a97142;
  --vp-c-brand-3: #8f5d33;

  /* Code blocks (dark) */
  --vp-code-block-bg: #1a1613;
  --vp-code-block-border: #2a231e;
  --vp-code-line-highlight: #221d19;
  --vp-code-copy-code-bg: #221d19;

  /* Custom blocks (dark) */
  --vp-c-tip-1: #1e1a16;
  --vp-c-tip-2: var(--vp-c-brand-1);
  --vp-c-warning-1: #211b12;
  --vp-c-warning-2: #caa03a;
  --vp-c-danger-1: #231716;
  --vp-c-danger-2: #c57364;

  /* Hero in dark: bronze over deep brown */
  --vp-home-hero-name-background: -webkit-linear-gradient(
    120deg,
    var(--vp-c-brand-1) 0%,
    #6d4a3b 55%,
    #3b2c28 100%
  );
  --vp-home-hero-image-background-image: linear-gradient(
    -45deg,
    #2b211d 48%,
    var(--vp-c-brand-1) 52%
  );
  --vp-home-hero-image-filter: blur(64px);
}

