/* ============================================================
   REFINED EMBER — Shared Brand Variables
   Aleksei Lopatin · alekseilopatin.com
   Import this file BEFORE any project-specific stylesheet.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,700;1,300&family=Raleway:wght@700&display=swap');

:root {
  /* --- Backgrounds --- */
  --color-base:          #141210;
  --color-surface:       #201c18;
  --color-elevated:      #2c2620;

  /* --- Accent (gold) --- */
  --color-accent:        #d4a44b;
  --color-accent-hover:  #e8b85c;
  --color-accent-muted:  rgba(212, 164, 75, 0.15);
  --color-on-accent:     #141210;

  /* --- Text --- */
  --color-text:          #e8dcc8;
  --color-text-muted:    #a09080;
  --color-text-faint:    #5a4e42;

  /* --- Borders --- */
  --color-border:        #3a3020;
  --color-border-accent: rgba(212, 164, 75, 0.25);
  --color-border-strong: #5a4e42;

  /* --- Semantic --- */
  --color-success:       #7c9a52;
  --color-error:         #d4614f;

  /* --- Typography --- */
  --font-heading:        'Raleway', sans-serif;
  --font-body:           'Poppins', sans-serif;
  --font-mono:           'Courier New', Courier, monospace;

  /* --- Transitions & shadows --- */
  --transition:          200ms ease;
  --shadow-sm:           0 1px 3px rgba(0, 0, 0, 0.4);
  --shadow-md:           0 4px 12px rgba(0, 0, 0, 0.5);
  --radius-sm:           3px;
  --radius-md:           6px;
  --radius-lg:           10px;
}