/* Generated brand CSS — 2026-08-09T12:37:40+00:00 UTC */
/* C21 MU package: assets/css/brand-md.css */
/**
 * @file        mu-plugins/current/f4g-brand-css-loader/assets/css/brand-md.css
 * @summary     Plugin source file for this module.
 * @package     f4g-brand-css-loader
 * @author      C21
 * @copyright   2026 C21
 * @license     Proprietary
 * SPDX-License-Identifier: LicenseRef-C21-Proprietary
 */
/* =====================================================
   Michael Driess (MD) — Brand CSS (Playfair + Inter)
   Architecture: F4G Base + Brand (MU-Plugin)
   File: assets/css/brand-md.css
   ===================================================== */

/* =====================
   @font-face (editor-safe)
   ===================== */
@font-face{font-family:"Playfair Display";src:local("Playfair Display"),local("PlayfairDisplay-Regular"),url("https://michaeldriess.com/wp-content/mu-plugins/f4g-brand-css-loader/assets/fonts/PlayfairDisplay-Regular.woff2") format("woff2"),url("https://michaeldriess.com/wp-content/mu-plugins/f4g-brand-css-loader/assets/fonts/PlayfairDisplay-Regular.woff") format("woff");font-weight:400;font-style:normal}
@font-face{font-family:"Playfair Display";src:local("Playfair Display Bold"),local("PlayfairDisplay-Bold"),url("https://michaeldriess.com/wp-content/mu-plugins/f4g-brand-css-loader/assets/fonts/PlayfairDisplay-Bold.woff2") format("woff2"),url("https://michaeldriess.com/wp-content/mu-plugins/f4g-brand-css-loader/assets/fonts/PlayfairDisplay-Bold.woff") format("woff");font-weight:700;font-style:normal}

@font-face{font-family:"Inter";src:local("Inter 18pt Regular"),local("Inter18pt-Regular"),url("https://michaeldriess.com/wp-content/mu-plugins/f4g-brand-css-loader/assets/fonts/Inter18pt-Regular.woff2") format("woff2"),url("https://michaeldriess.com/wp-content/mu-plugins/f4g-brand-css-loader/assets/fonts/Inter18pt-Regular.woff") format("woff");font-weight:400;font-style:normal}
@font-face{font-family:"Inter";src:local("Inter 18pt Bold"),local("Inter18pt-Bold"),url("https://michaeldriess.com/wp-content/mu-plugins/f4g-brand-css-loader/assets/fonts/Inter18pt-Bold.woff2") format("woff2"),url("https://michaeldriess.com/wp-content/mu-plugins/f4g-brand-css-loader/assets/fonts/Inter18pt-Bold.woff") format("woff");font-weight:700;font-style:normal}

/* =====================
   MD Token Palette (dark theme)
   =====================
   Copper (Primary)   : #B87333
   Anthracite (BG)    : #0B0B0B
   Surface (Card)     : #141414
   Text (Light)       : #FFFFFF
   Link               : #B87333
*/
:root{
  /* Brand color tokens */
  --brand-primary:#B87333;
  --brand-secondary:#FFFFFF;
  --brand-accent:#B87333; /* same as primary for MD */
  --brand-bg:#0B0B0B;
  --brand-surface:#141414;
  --brand-text:#FFFFFF;
  --brand-link:#B87333;

  /* Typography tokens */
  --font-heading:"Playfair Display", serif;
  --font-body:"Inter", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* =====================
   Back-Compat Aliases (MD v3)
   ===================== */
:root{
  --md-primary:var(--brand-primary);
  --md-accent: var(--brand-secondary);
  --md-bg:     var(--brand-bg);
  --md-text:   var(--brand-text);
  --font-md-heading:var(--font-heading);
  --font-md-body:   var(--font-body);
}

/* =====================
   Base brand usage
   ===================== */
.md-heading{font-family:var(--font-heading);color:var(--md-text);letter-spacing:.2px}
.md-body{font-family:var(--font-body);color:var(--md-text)}
.bg-md{background-color:var(--md-bg);color:var(--md-text)}
.text-md-primary{color:var(--md-primary)}

/* Optional: general heading scales for MD */
.heading-xl{font-size:3rem;line-height:1.1}
.heading-lg{font-size:2.25rem;line-height:1.2}
.heading-md{font-size:1.5rem;line-height:1.3}
@media (max-width:768px){
  .heading-xl{font-size:2.25rem}
  .heading-lg{font-size:1.75rem}
  .heading-md{font-size:1.25rem}
}

/* =====================
   Components (MD flavor)
   ===================== */
.hero-headline{font-family:var(--font-heading);font-size:64px;line-height:1.05;color:var(--md-text);margin:0 0 .5em}
.subline{font-family:var(--font-body);font-size:18px;color:#E6E6E6;margin-bottom:2em}
.button-primary{font-family:var(--font-body);font-weight:700;font-size:16px;background:var(--md-primary);color:#FFFFFF;padding:12px 20px;border:none;border-radius:12px;cursor:pointer;transition:filter .25s ease,transform .1s ease}
.button-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}
.card-md{background:var(--brand-surface);color:var(--md-text);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.25rem;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.link-md{color:var(--brand-link);text-underline-offset:2px}

/* =====================
   Utilities (subset)
   ===================== */
.text-center{text-align:center}
.mt-2{margin-top:2rem}
.mb-2{margin-bottom:2rem}
.p-2{padding:2rem}


/* C21 Brand Registry — design tokens (subsites; applies with any theme) */
:root {
  --c21-brand-color-primary: #e4ac84;
  --c21-brand-primary: #e4ac84;
  --c21-brand-color-accent: #4b1f0e;
  --c21-brand-accent: #4b1f0e;
  --c21-brand-color-background: #ffffff;
  --c21-brand-background: #ffffff;
  --c21-brand-color-surface: #f4f0ec;
  --c21-brand-surface: #f4f0ec;
  --c21-brand-color-foreground: #333333;
  --c21-brand-foreground: #333333;
  --c21-brand-color-muted: #65717f;
  --c21-brand-muted: #65717f;
  --c21-brand-color-border: #dfe4e8;
  --c21-brand-border: #dfe4e8;
  --c21-brand-typo-fontBody: heading;
  --c21-brand-typo-fontHeading: heading;
  --c21-brand-typo-fontSize: medium;
  --c21-brand-typo-fontSans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --c21-brand-typo-fontSerif: Georgia, "Times New Roman", serif;
  --c21-brand-typo-baseSize: 16px;
  --c21-brand-space-xs: 0.25rem;
  --c21-brand-space-sm: 0.5rem;
  --c21-brand-space-md: 1rem;
  --c21-brand-space-lg: 1.5rem;
  --c21-brand-space-xl: 2rem;
  --c21-brand-radius-sm: 4px;
  --c21-brand-radius-md: 8px;
  --c21-brand-radius-lg: 12px;
}

.c21-brand-pattern-surface {
  background: var(--c21-brand-background, #ffffff);
  color: var(--c21-brand-foreground, var(--c21-brand-color-text, #1f2933));
  font-family: var(--c21-brand-typo-fontSans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);
}
.c21-brand-pattern-card {
  background: var(--c21-brand-surface, #ffffff);
  color: var(--c21-brand-foreground, var(--c21-brand-color-text, #1f2933));
  border: 1px solid var(--c21-brand-border, #dfe4e8);
  border-radius: var(--c21-brand-radius-md, 8px);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}
.c21-brand-pattern-muted {
  color: var(--c21-brand-muted, #65717f);
}
.c21-brand-pattern-surface .wp-block-button__link {
  background: var(--c21-brand-primary, #312783);
  border-color: var(--c21-brand-primary, #312783);
  color: #ffffff;
}
.c21-brand-pattern-surface .wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent;
  border-color: var(--c21-brand-primary, #312783);
  color: var(--c21-brand-primary, #312783);
}