/* ArtForge Studio — Brand tokens (SINGLE SOURCE OF TRUTH)
   Loaded by every surface (app, blog, tools) via <link href="/brand/brand.css">.
   Values match the main app + Brand identity Design/ArtForge_Brand_Identity.md.
   Change a brand colour/font HERE and it updates everywhere that uses the tokens. */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

:root {
  /* Purple system */
  --brand-primary:      #7B3FE4;
  --brand-primary-dark: #6A2FD0;
  --brand-accent:       #B58AFF;
  --brand-gradient:     linear-gradient(135deg, #7B3FE4, #B58AFF);

  /* Ink & neutrals */
  --ink:     #030213;
  --muted:   #66666f;
  --bg:      #ffffff;
  --panel:   #f2ecfc;   /* light purple fill (pills/tags) */
  --panel-2: #f7f4fd;   /* soft panel */
  --border:  #e6dff4;   /* purple-tint border */
  --line:    #ececf2;   /* neutral divider */

  /* Secondary accent */
  --gold: #FFD54F;

  /* Semantic */
  --error:   #D4183D;
  --success: #34A853;

  /* Shape & type */
  --radius: 10px;
  --font-sans: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

/* Low-specificity default so any page that opts in gets the brand font;
   explicit page rules still win, so this never fights existing styles. */
:where(body) { font-family: var(--font-sans); }