/**
 * @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("../fonts/Orbitron-Bold.woff2") format("woff2"),url("../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("../fonts/Orbitron-Regular.woff2") format("woff2"),url("../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("../fonts/Inter18pt-Regular.woff2") format("woff2"),url("../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("../fonts/Inter18pt-Bold.woff2") format("woff2"),url("../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.
*/