/*!
Theme Name: Albion Ledger
Theme URI: http://albionshop-ledger.loading.si/
Author: kiwwwi.net
Author URI: https://kiwwwi.net/
Description: A custom WooCommerce theme styled as a merchant's ledger — a dark, parchment-and-ink storefront inspired by Albion Online market boards. Spectral serif typography, a bone/gold/ember/sage palette, ledger-row product listings and wax-seal accents. Built as a clean, classic-PHP foundation meant to be extended.
Version: 0.1.0
Requires at least: 6.5
Tested up to: 7.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: albion-ledger
Tags: woocommerce, e-commerce, custom-colors, custom-menu, custom-logo, dark-mode, featured-images, threaded-comments, translation-ready, two-columns
WC requires at least: 8.0
WC tested up to: 10.9

This theme, like WordPress, is licensed under the GPL.
*/

/* =========================================================================
   style.css holds ONLY the theme header (read by WordPress) and the design
   tokens / foundational resets. All component styling lives in:
     - assets/css/theme.css        (general site + layout components)
     - assets/css/woocommerce.css  (shop, product, cart, checkout)
   These are enqueued from functions.php so they can be cached and extended
   independently. Add your own overrides there, not here.
   ========================================================================= */

:root{
  /* --- surfaces --- */
  --al-bg:            #14171c;
  --al-bg-deep:       #0e1014;
  --al-surface:       #1d2128;
  --al-surface-raised:#242933;
  --al-line:          #343b47;
  --al-line-faint:    #262b34;

  /* --- ink / text --- */
  --al-bone:          #e8e3d6;
  --al-bone-dim:      #9aa0ad;
  --al-bone-faint:    #5d6372;

  /* --- accents --- */
  --al-gold:          #d4a94f;
  --al-gold-bright:   #e8c374;
  --al-ember:         #c75d3a;
  --al-ember-bright:  #e07150;
  --al-sage:          #7a9b7e;
  --al-sage-bright:   #92b896;

  /* --- type --- */
  --al-font-serif:    'Spectral', Georgia, 'Times New Roman', serif;
  --al-font-display:  'Spectral SC', 'Spectral', Georgia, serif;
  --al-font-mono:     'JetBrains Mono', 'SFMono-Regular', Menlo, Consolas, monospace;

  /* --- structure --- */
  --al-wrap:          1200px;
  --al-wrap-narrow:   880px;
  --al-radius:        4px;
  --al-radius-sm:     3px;
  --al-shadow-card:   0 1px 0 rgba(255,255,255,0.03) inset, 0 20px 50px -20px rgba(0,0,0,0.6);
  --al-shadow-pop:    0 16px 40px -10px rgba(0,0,0,0.6);
}

/* Foundational reset — kept minimal on purpose. */
*,
*::before,
*::after{ box-sizing: border-box; }

html{ -webkit-tap-highlight-color: transparent; }

body{
  margin: 0;
  background: var(--al-bg);
  background-image:
    radial-gradient(ellipse 1200px 800px at 50% -10%, rgba(212,169,79,0.07), transparent 60%),
    radial-gradient(ellipse 900px 700px at 100% 100%, rgba(199,93,58,0.05), transparent 60%);
  background-attachment: fixed;
  color: var(--al-bone);
  font-family: var(--al-font-serif);
  font-size: 16px;
  line-height: 1.65;
  min-height: 100vh;
}

*:focus-visible{
  outline: 2px solid var(--al-gold-bright);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce){
  *{ animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}

/* WordPress required helper classes ------------------------------------- */
.screen-reader-text{
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  word-wrap: normal !important;
}
.screen-reader-text:focus{
  background-color: var(--al-surface-raised);
  border-radius: var(--al-radius-sm);
  box-shadow: var(--al-shadow-pop);
  clip: auto !important;
  clip-path: none;
  color: var(--al-gold-bright);
  display: block;
  font-family: var(--al-font-mono);
  font-size: 13px;
  height: auto;
  left: 6px;
  line-height: normal;
  padding: 14px 20px;
  text-decoration: none;
  top: 6px;
  width: auto;
  z-index: 100000;
}

.alignleft{ float: left; margin: 0 1.5em 1em 0; }
.alignright{ float: right; margin: 0 0 1em 1.5em; }
.aligncenter{ display: block; margin-left: auto; margin-right: auto; }
.alignwide{ max-width: var(--al-wrap); }
.alignfull{ max-width: 100%; }

.wp-caption{ max-width: 100%; }
.wp-caption-text{
  font-family: var(--al-font-mono);
  font-size: 12px;
  color: var(--al-bone-faint);
  text-align: center;
  margin-top: 8px;
}
.sticky{ display: block; }
.gallery-caption{ display: block; }
.bypostauthor{ display: block; }