/* ============================================================================
   AliothPress Theme: Handmade Story
   
   Concept: The warmth of a handwritten letter — terracotta and
   olive on cream paper, soft rounded shapes, and the gentle feel
   of a craft fair. Built for small businesses, artisans, and
   personal brands.
   Dark mode by default (CSS). Set default_theme_mode to "light" in
   admin settings for the intended light-first experience.
   ============================================================================ */

@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('/static/fonts/dm-sans/dm-sans-latin-ext-400-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('/static/fonts/dm-sans/dm-sans-latin-400-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url('/static/fonts/dm-sans/dm-sans-latin-ext-400-italic.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url('/static/fonts/dm-sans/dm-sans-latin-400-italic.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url('/static/fonts/dm-sans/dm-sans-latin-ext-500-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url('/static/fonts/dm-sans/dm-sans-latin-500-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 500;
  src: url('/static/fonts/dm-sans/dm-sans-latin-ext-500-italic.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 500;
  src: url('/static/fonts/dm-sans/dm-sans-latin-500-italic.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('/static/fonts/dm-sans/dm-sans-latin-ext-600-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url('/static/fonts/dm-sans/dm-sans-latin-600-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src: url('/static/fonts/dm-sans/dm-sans-latin-ext-600-italic.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 600;
  src: url('/static/fonts/dm-sans/dm-sans-latin-600-italic.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url('/static/fonts/dm-sans/dm-sans-latin-ext-700-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url('/static/fonts/dm-sans/dm-sans-latin-700-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src: url('/static/fonts/dm-sans/dm-sans-latin-ext-700-italic.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Sans';
  font-style: italic;
  font-display: swap;
  font-weight: 700;
  src: url('/static/fonts/dm-sans/dm-sans-latin-700-italic.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Serif Display';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('/static/fonts/dm-serif-display/dm-serif-display-latin-ext-400-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Serif Display';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('/static/fonts/dm-serif-display/dm-serif-display-latin-400-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Serif Display';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url('/static/fonts/dm-serif-display/dm-serif-display-latin-ext-400-italic.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'DM Serif Display';
  font-style: italic;
  font-display: swap;
  font-weight: 400;
  src: url('/static/fonts/dm-serif-display/dm-serif-display-latin-400-italic.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* ============================================================================
   DARK THEME (default in CSS)
   ============================================================================ */

:root {
  /* --- Brand: Terracotta & Olive --- */
  --ap-color-primary:        #c67e4e;
  --ap-color-primary-hover:  #d99a6e;
  --ap-color-primary-light:  rgba(198, 126, 78, 0.15);
  --ap-color-primary-subtle: rgba(198, 126, 78, 0.06);
  
  --ap-color-accent:         #8b9e6b;
  --ap-color-accent-hover:   #a3b583;
  
  /* --- Semantic --- */
  --ap-color-success:  #34d399;
  --ap-color-warning:  #fbbf24;
  --ap-color-error:    #f87171;
  --ap-color-info:     #67e8f9;
  
  /* --- Surfaces: Warm Dark Wood --- */
  --ap-color-bg:            #171210;
  --ap-color-surface:       #211b17;
  --ap-color-surface-alt:   #2c241e;
  --ap-color-border:        rgba(198, 126, 78, 0.1);
  --ap-color-border-strong: rgba(198, 126, 78, 0.18);
  
  /* --- Text --- */
  --ap-color-text:           #f5efe8;
  --ap-color-text-secondary: #c4b5a0;
  --ap-color-text-muted:     #96876f;
  --ap-color-text-inverse:   #171210;
  --ap-color-link:           #d99a6e;
  --ap-color-link-hover:     #e8b48c;
  
  --ap-color-white: #ffffff;
  --ap-color-black: #171210;

  /* --- Header --- */
  --ap-header-bg:         rgba(23, 18, 16, 0.9);
  --ap-header-text:       #f5efe8;
  --ap-header-link:       rgba(245, 239, 232, 0.6);
  --ap-header-link-hover: #ffffff;

  /* --- Footer --- */
  --ap-footer-bg:         #110e0c;
  --ap-footer-text:       #96876f;
  --ap-footer-link:       #c4b5a0;
  --ap-footer-link-hover: #d99a6e;
  --ap-footer-border:     rgba(198, 126, 78, 0.08);
  
  /* --- Typography: Warm & Personal --- */
  --ap-font-heading: 'DM Serif Display', Georgia, 'Times New Roman', serif;
  --ap-font-body:    'DM Sans', system-ui, -apple-system, sans-serif;
  --ap-font-mono:    'JetBrains Mono', 'Fira Code', monospace;
  
  /* --- Shapes: Soft, rounded, friendly --- */
  --ap-radius-sm:  4px;
  --ap-radius-md:  8px;
  --ap-radius-lg:  16px;
  --ap-radius-xl:  24px;
  
  /* --- Shadows: Warm, diffuse --- */
  --ap-shadow-sm:  0 1px 3px rgba(0, 0, 0, 0.3);
  --ap-shadow-md:  0 4px 12px rgba(0, 0, 0, 0.35);
  --ap-shadow-lg:  0 8px 24px rgba(0, 0, 0, 0.4);
  --ap-shadow-xl:  0 16px 48px rgba(0, 0, 0, 0.5);
  --ap-shadow-glow: 0 0 16px rgba(198, 126, 78, 0.1);
}

.ap-header {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(198, 126, 78, 0.08);
}

h1, h2, h3, h4, h5, h6 {
  color: #f8f2ea;
  letter-spacing: 0;
}

.ap-prose pre { background: #110e0c; border: 1px solid rgba(198, 126, 78, 0.1); }
.ap-prose code { background: rgba(198, 126, 78, 0.1); color: #e8b48c; }
.ap-prose blockquote { border-left-color: #c67e4e; background: rgba(198, 126, 78, 0.05); color: #c4b5a0; }
.ap-prose th { background: #211b17; border-bottom-color: rgba(198, 126, 78, 0.12); }
.ap-prose td { border-bottom-color: rgba(198, 126, 78, 0.06); }
.ap-prose tbody tr:hover { background: rgba(198, 126, 78, 0.04); }
.ap-prose hr { border-top-color: rgba(198, 126, 78, 0.1); }

.ap-post-card__title a { color: #f8f2ea; }
.ap-post-card__title a:hover { color: #d99a6e; }
.ap-post-card { border-bottom-color: rgba(198, 126, 78, 0.08); }
.ap-article__title { color: #f8f2ea; }

.ap-lang__dropdown { background: #211b17; border-color: rgba(198, 126, 78, 0.12); }
.ap-lang__option { color: #f5efe8; }
.ap-lang__option:hover { background: rgba(198, 126, 78, 0.08); color: #f8f2ea; }
.ap-lang__option.is-active { color: #d99a6e; background: rgba(198, 126, 78, 0.12); }

.ap-sidebar { background: #171210; border-left: 1px solid rgba(198, 126, 78, 0.06); }
.ap-sidebar__header { border-bottom-color: rgba(198, 126, 78, 0.08); }
.ap-sidebar__title { color: #f8f2ea; }
.ap-sidebar__link { color: #f5efe8; }
.ap-sidebar__link:hover { background: rgba(198, 126, 78, 0.08); color: #d99a6e; }
.ap-sidebar__close { color: #c4b5a0; }
.ap-sidebar__close:hover { background: rgba(198, 126, 78, 0.06); color: #f8f2ea; }
.ap-sidebar__lang-link { color: #c4b5a0; border-color: rgba(198, 126, 78, 0.12); }
.ap-sidebar__lang-link:hover { border-color: #c67e4e; color: #d99a6e; }
.ap-sidebar__lang-link.is-active { background: #c67e4e; border-color: #c67e4e; color: #171210; }

.ap-social-icon { background: rgba(198, 126, 78, 0.06); color: #c4b5a0; }
.ap-footer__nav { border-top-color: rgba(198, 126, 78, 0.08); }
.ap-pagination a { color: #c4b5a0; border-color: rgba(198, 126, 78, 0.12); }
.ap-pagination a:hover { color: #d99a6e; border-color: #c67e4e; background: rgba(198, 126, 78, 0.08); }
.ap-tag { color: #e8b48c; background: rgba(198, 126, 78, 0.1); }
.ap-tag:hover { background: rgba(198, 126, 78, 0.18); color: #e8b48c; }
.ap-btn--primary { background: #c67e4e; color: #171210; }
.ap-btn--primary:hover { background: #d99a6e; color: #171210; }
.ap-btn--outline { color: #d99a6e; border-color: rgba(198, 126, 78, 0.4); }
.ap-btn--outline:hover { background: #c67e4e; color: #171210; }

:focus-visible { outline: 2px solid #c67e4e; outline-offset: 2px; }


/* ============================================================================
   LIGHT THEME — "Craft Market" (recommended default)
   ============================================================================ */

.light-theme {
  --ap-color-bg:            #fdf9f4;
  --ap-color-surface:       #ffffff;
  --ap-color-surface-alt:   #f5efe6;
  --ap-color-border:        #e8dfd2;
  --ap-color-border-strong: #d4c9b8;
  
  --ap-color-text:           #2c2118;
  --ap-color-text-secondary: #5c4e40;
  --ap-color-text-muted:     #7a6b5a;
  --ap-color-text-inverse:   #fdf9f4;
  
  --ap-color-primary:        #8a5232;
  --ap-color-primary-hover:  #6e4226;
  --ap-color-primary-light:  #faf0e6;
  --ap-color-primary-subtle: #fdf6ef;
  --ap-color-link:           #8a5232;
  --ap-color-link-hover:     #6e4226;
  
  --ap-color-accent:         #6b7f4e;
  --ap-color-accent-hover:   #5a6d40;
  
  --ap-header-bg:         rgba(253, 249, 244, 0.95);
  --ap-header-text:       #2c2118;
  --ap-header-link:       #5c4e40;
  --ap-header-link-hover: #2c2118;
  
  --ap-footer-bg:         #f5efe6;
  --ap-footer-text:       #6a5c4c;
  --ap-footer-link:       #5c4e40;
  --ap-footer-link-hover: #8a5232;
  --ap-footer-border:     #e8dfd2;
  
  --ap-shadow-sm:  0 1px 2px rgba(44, 33, 24, 0.04);
  --ap-shadow-md:  0 2px 8px -1px rgba(44, 33, 24, 0.06);
  --ap-shadow-lg:  0 6px 18px -3px rgba(44, 33, 24, 0.08);
  --ap-shadow-xl:  0 14px 36px -6px rgba(44, 33, 24, 0.08);
}

.light-theme .ap-header { border-bottom-color: #e8dfd2; }
.light-theme h1, .light-theme h2, .light-theme h3,
.light-theme h4, .light-theme h5, .light-theme h6 { color: #2c2118; }
.light-theme .ap-article__title { color: #2c2118; }
.light-theme .ap-post-card__title a { color: #2c2118; }
.light-theme .ap-post-card__title a:hover { color: #8a5232; }
.light-theme .ap-post-card { border-bottom-color: #e8dfd2; }
.light-theme .ap-prose pre { background: #211b17; border-color: #2c241e; }
.light-theme .ap-prose code { background: #faf0e6; color: #8a5232; }
.light-theme .ap-prose blockquote { border-left-color: #8a5232; background: #fdf6ef; color: #5c4e40; }
.light-theme .ap-prose th { background: #f5efe6; border-bottom-color: #e8dfd2; }
.light-theme .ap-prose td { border-bottom-color: #e8dfd2; }
.light-theme .ap-prose tbody tr:hover { background: #fdf9f4; }
.light-theme .ap-prose hr { border-top-color: #e8dfd2; }

.light-theme .ap-lang__trigger { color: #5c4e40; border-color: #e8dfd2; }
.light-theme .ap-lang__trigger:hover { color: #2c2118; border-color: #d4c9b8; background: rgba(0, 0, 0, 0.02); }
.light-theme .ap-lang__dropdown { background: #ffffff; border-color: #e8dfd2; }
.light-theme .ap-lang__option { color: #5c4e40; }
.light-theme .ap-lang__option:hover { background: #f5efe6; color: #2c2118; }
.light-theme .ap-lang__option.is-active { color: #8a5232; background: #faf0e6; }

.light-theme .ap-sidebar { background: #ffffff; border-left-color: #e8dfd2; }
.light-theme .ap-sidebar__header { border-bottom-color: #e8dfd2; }
.light-theme .ap-sidebar__title { color: #2c2118; }
.light-theme .ap-sidebar__link { color: #2c2118; }
.light-theme .ap-sidebar__link:hover { background: #f5efe6; color: #8a5232; }
.light-theme .ap-sidebar__close { color: #7a6b5a; }
.light-theme .ap-sidebar__close:hover { background: #f5efe6; color: #2c2118; }
.light-theme .ap-sidebar__lang-link { color: #5c4e40; border-color: #e8dfd2; }
.light-theme .ap-sidebar__lang-link:hover { border-color: #8a5232; color: #8a5232; }
.light-theme .ap-sidebar__lang-link.is-active { background: #8a5232; border-color: #8a5232; color: #ffffff; }

.light-theme .ap-social-icon { background: #f5efe6; color: #7a6b5a; }
.light-theme .ap-footer__nav { border-top-color: #e8dfd2; }
.light-theme .ap-pagination a { color: #5c4e40; border-color: #e8dfd2; }
.light-theme .ap-pagination a:hover { color: #8a5232; border-color: #8a5232; background: #faf0e6; }
.light-theme .ap-tag { color: #8a5232; background: #faf0e6; }
.light-theme .ap-tag:hover { background: #f0e0cc; color: #6e4226; }
.light-theme .ap-btn--primary { background: #8a5232; color: #ffffff; }
.light-theme .ap-btn--primary:hover { background: #6e4226; color: #ffffff; }
.light-theme .ap-btn--outline { color: #8a5232; border-color: #8a5232; }
.light-theme .ap-btn--outline:hover { background: #8a5232; color: #ffffff; }
.light-theme .ap-hamburger__line { background: #5c4e40; }
.light-theme .ap-hamburger:hover { background: rgba(0, 0, 0, 0.04); }
.light-theme :focus-visible { outline-color: #8a5232; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}
