/* Ember — the Bitcoin-orange theme. Loaded right after tokens.css when THEME is 'orange'
   (inc/bootstrap.php); it only re-tunes the tokens and adds a few finishing touches, so
   removing this file (or setting THEME to 'nocturne') returns the original blue/purple look. */
:root {
  /* warm charcoal ground and surfaces instead of blue-black */
  --color-bg: #14110e;
  --color-surface: #221d18;
  --color-text: #f0ece6;
  --color-divider: color-mix(in srgb, #f0ece6 15%, transparent);

  /* Bitcoin orange (#f7931a, the logo's own) */
  --color-accent: #f7931a;
  --color-accent-100: #fff5e6;
  --color-accent-200: #ffe4c0;
  --color-accent-300: #ffcb8c;
  --color-accent-400: #fcae52;
  --color-accent-500: #f7931a;
  --color-accent-600: #d9780f;
  --color-accent-700: #a85a0d;
  --color-accent-800: #6f3d10;
  --color-accent-900: #3f2510;

  /* secondary: amber gold */
  --color-accent-2: #e8b84a;
  --color-accent-2-100: #fffbe6;
  --color-accent-2-200: #fbefbf;
  --color-accent-2-300: #f6dc8f;
  --color-accent-2-400: #efc85a;
  --color-accent-2-500: #d9ad3a;
  --color-accent-2-600: #b88a25;
  --color-accent-2-700: #8a6619;
  --color-accent-2-800: #5d4512;
  --color-accent-2-900: #3b2c0e;

  /* neutrals: same lightness steps, warm grey instead of blue-grey */
  --color-neutral-100: #f6f3ee;
  --color-neutral-200: #e9e5de;
  --color-neutral-300: #d4cfc6;
  --color-neutral-400: #b8b2a7;
  --color-neutral-500: #9a948a;
  --color-neutral-600: #7c766c;
  --color-neutral-700: #5e5951;
  --color-neutral-800: #433f39;
  --color-neutral-900: #2c2926;

  --color-section: #4a2a0c;
  --color-section-glow: #6b3f12;
  --color-section-ghost: #8a5418;

  --shadow-sm: 0 0 0 1px #433f39;
  --shadow-md: 0 0 0 1px #5e5951, 0 6px 18px rgba(0,0,0,0.55);
  --shadow-lg: 0 0 0 1px #9a948a, 0 16px 40px rgba(0,0,0,0.65);
}

/* A sunrise on the page: an orange glow rising from the top-left, a soft amber one at the bottom-right */
body {
  background:
    radial-gradient(1100px 520px at 8% -12%, color-mix(in srgb, var(--color-accent) 17%, transparent), transparent 62%),
    radial-gradient(900px 480px at 100% 108%, color-mix(in srgb, var(--color-accent-2) 9%, transparent), transparent 60%),
    var(--color-bg);
  background-attachment: fixed;
}

/* Featured cards: a warm ember glow in the corner and a lit top edge */
.hero-card.is-featured {
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--color-accent) 32%, transparent), var(--shadow-sm);
}

/* The big numbers catch the light: white at the top, warming to amber at the bottom */
.hero-hash {
  background: linear-gradient(180deg, #ffffff 15%, var(--color-accent-300) 115%);
  -webkit-background-clip: text; background-clip: text;
  color: transparent;
}
.hero-hash a { color: inherit; }
.hero-hash a:hover { color: var(--color-accent-300); -webkit-text-fill-color: currentColor; }

/* A small ember tick in front of every section title */
.section-title::before {
  content: ""; display: inline-block; width: 3px; height: 11px; margin-right: 9px; border-radius: 2px;
  vertical-align: -1px;
  background: linear-gradient(180deg, var(--color-accent-300), var(--color-accent-600));
}