/**
 * GuildCommerce Brand Tokens v1.0 (MkDocs port)
 * Honey #FCB240 · Mint #86CCAA · Lavender #9C66AA · Mocha #524235
 * Headlines: Inter Tight | Body: DM Sans
 *
 * Ported from wp-themes/guildcommerce-theme/assets/gc-tokens.css
 * (the source of truth for Phase 7 home page styling).
 *
 * Loaded after ganjier-theme.css so MkDocs Material's brand-color
 * variables stay intact while these GuildCommerce-specific tokens
 * power the showcase blocks (.gc-hero, .gc-pillars, etc.).
 */

:root {
  /* Brand palette (raw) */
  --gc-honey:    #FCB240;
  --gc-mint:     #86CCAA;
  --gc-lavender: #9C66AA;
  --gc-mocha:    #524235;
  --gc-black:    #000000;
  --gc-white:    #FFFFFF;
  --gc-warn-yellow: #FFF200;
  --gc-warn-red:    #DA3831;

  /* Honey tints */
  --gc-honey-90: #fcb74e;
  --gc-honey-80: #fdc066;
  --gc-honey-70: #fdc97e;
  --gc-honey-50: #fdd9a0;
  --gc-honey-30: #feebcc;
  --gc-honey-10: #fff7e6;

  /* Mint tints */
  --gc-mint-90: #93d2b3;
  --gc-mint-80: #a3d9be;
  --gc-mint-70: #b3e0c9;
  --gc-mint-50: #c2e6d4;
  --gc-mint-30: #dcefe2;
  --gc-mint-10: #f3f9f5;

  /* Lavender tints */
  --gc-lav-90: #a878b6;
  --gc-lav-80: #b48bbf;
  --gc-lav-70: #c19dca;
  --gc-lav-50: #cdb0d4;
  --gc-lav-30: #e1d1e4;
  --gc-lav-10: #f4eaf6;

  /* Mocha tints */
  --gc-mocha-90: #645448;
  --gc-mocha-80: #76665b;
  --gc-mocha-50: #a89e96;
  --gc-mocha-30: #cac3bd;
  --gc-mocha-10: #ece9e7;

  /* Surfaces */
  --gc-bg:           #FBF8F2;   /* warm cream background */
  --gc-fg:           var(--gc-mocha);
  --gc-fg-muted:     #6e6359;
  --gc-card:         #FFFFFF;
  --gc-card-border:  #E6E1DA;
  --gc-border:       #DCD5CC;
  --gc-muted-bg:     #F1ECE3;

  /* Typography */
  /* Brand cascade. Primary = Adobe Fonts (Typekit) kit cuv7zfu (Covik Sans + Abadi MT Pro),
     loaded in overrides/main.html. Fallbacks (Inter Tight, DM Sans, JetBrains Mono) are
     loaded from Google Fonts in the same template, so the proposal site renders cleanly
     even before kit cuv7zfu's domain authorization completes. */
  --gc-font-display: "covik-sans", "Inter Tight", "Inter", system-ui, sans-serif;
  --gc-font-body:    "abadi", "DM Sans", system-ui, sans-serif;
  --gc-font-mono:    "JetBrains Mono", "Fira Mono", monospace;

  /* Spacing scale */
  --gc-space-xs:  0.25rem;
  --gc-space-sm:  0.5rem;
  --gc-space-md:  1rem;
  --gc-space-lg:  1.5rem;
  --gc-space-xl:  2rem;
  --gc-space-2xl: 3rem;
  --gc-space-3xl: 4.5rem;

  /* Border radius */
  --gc-radius-sm: 4px;
  --gc-radius-md: 8px;
  --gc-radius-lg: 12px;
  --gc-radius-xl: 20px;
  --gc-radius-pill: 999px;

  /* Shadows */
  --gc-shadow-sm: 0 1px 2px rgba(82,66,53,0.06);
  --gc-shadow-card: 0 1px 3px rgba(82,66,53,0.10), 0 1px 2px rgba(82,66,53,0.06);
  --gc-shadow-elevated: 0 4px 12px rgba(82,66,53,0.12);
  --gc-shadow-hover: 0 10px 28px rgba(82,66,53,0.16);

  /* Transitions */
  --gc-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --gc-dur:  180ms;

  /* Entity accents (used in hub-and-spoke ecosystem block) */
  --gc-entity-c6:    var(--gc-honey);
  --gc-entity-llc:   var(--gc-mint);
  --gc-entity-coop:  var(--gc-lavender);
}

/* Dark-mode overrides for showcase blocks */
[data-md-color-scheme="slate"] {
  --gc-bg:          #14100c;
  --gc-fg:          #fdfaf6;
  --gc-fg-muted:    rgba(253, 250, 246, 0.7);
  --gc-card:        #1f1813;
  --gc-card-border: rgba(253, 250, 246, 0.10);
  --gc-border:      rgba(253, 250, 246, 0.14);
  --gc-muted-bg:    #2c241d;
}