/*
 * Pikelio-overrides.css
 * Optional override file — add your customizations here.
 * Link AFTER index.html's internal <style> to take precedence.
 *
 * The main styles live inside index.html <style> for single-file portability.
 * Use this file when you want to customize without editing the core HTML.
 *
 * Usage: add to index.html <head>:
 *   <link rel="stylesheet" href="assets/css/Pikelio-overrides.css">
 */

/* ── Brand color overrides ──────────────────────────────────────────────── */
/*
:root {
  --gold:       #C9A84C;   ← primary accent
  --gold-light: #E8C87A;
  --gold-dark:  #9A7A2E;
  --obsidian:   #0A0A0F;   ← page background (dark mode)
}
[data-theme="light"] {
  --obsidian: #F7F4EE;
}
*/

/* ── Typography override example ────────────────────────────────────────── */
/*
body {
  font-family: 'Your Custom Font', sans-serif;
}
*/

/* ── Custom hero background ─────────────────────────────────────────────── */
/*
.hero {
  background-image: url('../images/hero-bg.jpg');
  background-size: cover;
  background-position: center;
}
*/

/* ── WhatsApp button position ───────────────────────────────────────────── */
/*
.whatsapp-float {
  bottom: 5rem;
  right: 1.5rem;
}
*/
