/* Generated brand CSS — 2026-07-27T21:13:31+00:00 UTC */
/* C21 MU package: assets/css/brand-casu21.css */
/**
 * @file        mu-plugins/current/f4g-brand-css-loader/assets/css/brand-casu21.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
 */
/* =====================================================
   CASU21 / C21 — Brand CSS (final palette v1.0)
   Architecture: F4G Base + Brand (MU-Plugin)
   File: assets/css/brand-casu21.css
   ===================================================== */

/* =====================
   @font-face (editor-safe)
   ===================== */
@font-face{font-family:"Orbitron Bold";src:local("Orbitron Bold"),local("Orbitron-Bold"),url("https://casu21.com/wp-content/mu-plugins/f4g-brand-css-loader/assets/fonts/Orbitron-Bold.woff2") format("woff2"),url("https://casu21.com/wp-content/mu-plugins/f4g-brand-css-loader/assets/fonts/Orbitron-Bold.woff") format("woff");font-weight:700;font-style:normal}
@font-face{font-family:"Orbitron Medium";src:local("Orbitron Medium"),local("Orbitron-Regular"),url("https://casu21.com/wp-content/mu-plugins/f4g-brand-css-loader/assets/fonts/Orbitron-Regular.woff2") format("woff2"),url("https://casu21.com/wp-content/mu-plugins/f4g-brand-css-loader/assets/fonts/Orbitron-Regular.woff") format("woff");font-weight:500;font-style:normal}
@font-face{font-family:"Inter";src:local("Inter 18pt Regular"),local("Inter18pt-Regular"),url("https://casu21.com/wp-content/mu-plugins/f4g-brand-css-loader/assets/fonts/Inter18pt-Regular.woff2") format("woff2"),url("https://casu21.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://casu21.com/wp-content/mu-plugins/f4g-brand-css-loader/assets/fonts/Inter18pt-Bold.woff2") format("woff2"),url("https://casu21.com/wp-content/mu-plugins/f4g-brand-css-loader/assets/fonts/Inter18pt-Bold.woff") format("woff");font-weight:700;font-style:normal}

/* =====================
   C21 Color Palette (final)
   =====================
   Primary (CASU Blue)       : #0A84FF
   Deep Violet (Headings)    : #3F2B96
   Night Indigo (Dark BG)    : #0B1020
   Soft Violet Gray (Muted)  : #9AA3B2
   Snow White (Surface)      : #FFFFFF
   Graphite (Body Text)      : #0B0B0B
   Copper (System accent)    : #B87333   // optional tie‑in to F4 core
*/
:root{
  /* Named palette */
  --color-casu-blue:       #0A84FF;
  --color-deep-violet:     #3F2B96;
  --color-night-indigo:    #0B1020;
  --color-soft-violet-gray:#9AA3B2;
  --color-snow-white:      #FFFFFF;
  --color-graphite:        #0B0B0B;
  --color-copper:          #B87333;

  /* Brand tokens (map to palette) */
  --brand-primary: var(--color-casu-blue);
  --brand-secondary: var(--color-deep-violet);
  --brand-accent: var(--color-copper);
  --brand-bg: var(--color-snow-white);
  --brand-surface: #F7F7F7; /* light surface neutral */
  --brand-text: var(--color-graphite);
  --brand-link: var(--color-casu-blue);

  /* Typography tokens */
  --font-heading: "Orbitron Bold","Orbitron Medium","Gilroy",sans-serif;
  --font-body: "Inter","Inter Regular",system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial,sans-serif;
}

/* =====================
   Aliases (back-compat)
   ===================== */
:root{
  --casu-primary: var(--brand-primary);
  --casu-accent:  var(--brand-accent);
  --casu-bg:      var(--brand-bg);
  --casu-text:    var(--brand-text);
  --font-casu-heading: var(--font-heading);
  --font-casu-body:    var(--font-body);

  --c21-primary: var(--brand-primary);
  --c21-accent:  var(--brand-accent);
  --c21-bg:      var(--brand-bg);
  --c21-text:    var(--brand-text);
  --font-c21-heading: var(--font-heading);
  --font-c21-body:    var(--font-body);
}

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

/* =====================
   Components
   ===================== */
.hero-headline{font-family:var(--font-heading);font-size:64px;line-height:1.05;color:var(--brand-secondary);margin:0 0 .5em}
.subline{font-family:var(--font-body);font-size:18px;color:var(--color-night-indigo);margin-bottom:2em}
.button-primary{font-family:"Orbitron Medium","Orbitron Bold",sans-serif;font-size:16px;text-transform:uppercase;background:var(--brand-primary);color:var(--color-snow-white);padding:12px 24px;border:none;border-radius:6px;cursor:pointer;transition:filter .25s ease,transform .1s ease}
.button-primary:hover{filter:brightness(1.05);transform:translateY(-1px)}
.info-title{font-family:"Orbitron Medium","Orbitron Bold",sans-serif;font-size:24px;color:var(--brand-secondary);margin:0 0 .5em}
.info-text{font-family:var(--font-body);font-size:16px;color:var(--brand-text)}
.caption{font-family:var(--font-body);font-size:14px;font-weight:400;color:var(--color-soft-violet-gray)}
.quote{font-family:var(--font-body);font-size:18px;font-style:italic;color:var(--brand-secondary);border-left:4px solid var(--brand-primary);padding-left:1em;margin:1em 0}

/* =====================
   Dark Mode (optional)
   ===================== */
body.dark-mode{background-color:var(--color-night-indigo);color:var(--color-snow-white)}
body.dark-mode .hero-headline,body.dark-mode .info-title{color:var(--color-snow-white)}
body.dark-mode .subline,body.dark-mode .info-text{color:var(--color-soft-violet-gray)}
body.dark-mode .button-primary{background:var(--brand-primary);color:var(--color-snow-white)}

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

/* =====================
   Notes
   =====================
   • Fonts must exist in assets/fonts/:
     Orbitron-Bold/Regular.(woff2|woff), Inter18pt-Regular/Bold.(woff2|woff)
     (Orbitron „Medium“ in CSS nutzt Orbitron-Regular-Dateien mit font-weight:500.)
   • This file is loaded after system.base.css. Do not override components with high specificity; prefer token changes.
*/


/* C21 Brand Registry — design tokens (subsites; applies with any theme) */
:root {
  --c21-brand-color-primary: #312783;
  --c21-brand-primary: #312783;
  --c21-brand-color-accent: #00a884;
  --c21-brand-accent: #00a884;
  --c21-brand-color-background: #ffffff;
  --c21-brand-background: #ffffff;
  --c21-brand-color-surface: #ffffff;
  --c21-brand-surface: #ffffff;
  --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: body;
  --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);
}