/* FabriScribe theme tokens — Porcelana azulada + Grafite + Cobre */
:root {
  --bg: #EAECEB;
  --surface: #F8FAF9;
  --surface-2: #FFFFFF;
  --canvas: #E0E5E4;
  --line: #D5DBDA;
  --border: #D8DEDD;
  --text: #2F2A27;
  --ink: #2F2A27;
  --muted: #6B625A;
  --accent: #A86443;
  --accent-strong: #8A543A;
  --accent-soft: #D6AF9A;
  --accent-pale: #EAD5CA;
  --success: #6D8B74;
  --warning: #B38A2E;
  --danger: #A65A3A;
  --info: #A86443;

  --card: linear-gradient(180deg, rgba(255,255,255,.76) 0%, rgba(248,250,249,.98) 100%);
  --card-alt: #EEF2F1;
  --panel-bg:
    radial-gradient(1200px 520px at 0% 0%, rgba(255,255,255,.72), transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,.34) 0%, rgba(248,250,249,.96) 100%),
    var(--surface);
  --panel-bg-soft:
    radial-gradient(900px 380px at 0% 0%, rgba(255,255,255,.52), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.18) 0%, rgba(248,250,249,.94) 100%),
    var(--surface);
  --nav-bg: rgba(248,250,249,.82);
  --menu-bg: rgba(248,250,249,.96);
  --page-grad-top: #E6DBCE;
  --page-grad-bottom: #FBF6F0;
  --bg-spot1: #E3D8CB;
  --bg-spot2: #D8DFE6;
  --hero-glow-left: rgba(168, 100, 67, .14);
  --hero-glow-right: rgba(76, 100, 120, .10);

  --shadow: 0 18px 46px rgba(47, 42, 39, .10);
  --shadow2: 0 12px 34px rgba(47, 42, 39, .12);
  --radius: 28px;
  --radius2: 18px;
  --max: 1180px;
}