/* central — Design Tokens — FNO Media */
:root {
  /* Brand */
  --brand:       #6d0202;
  --brand-mid:   #8a0303;
  --brand-hi:    #b00404;
  --brand-dim:   rgba(109,2,2,.12);
  --brand-line:  rgba(109,2,2,.28);

  /* Surfaces */
  --bg-0:    #07090d;
  --bg-1:    #0c1016;
  --bg-2:    #111820;
  --bg-3:    #172030;
  --bg-4:    #1e2a3a;

  /* Borders */
  --border:  rgba(255,255,255,.055);
  --border-2:rgba(255,255,255,.10);
  --border-3:rgba(255,255,255,.18);

  /* Text */
  --t1: #e6edf5;
  --t2: #6e8fa8;
  --t3: #354f64;

  /* Semantic */
  --success:     #18b362;
  --success-dim: rgba(24,179,98,.12);
  --warning:     #e09018;
  --warning-dim: rgba(224,144,24,.12);
  --danger:      #d93838;
  --danger-dim:  rgba(217,56,56,.12);
  --info:        #3080e8;
  --info-dim:    rgba(48,128,232,.12);

  /* Layout */
  --sidebar-w:   240px;
  --header-h:    56px;
  --r:           8px;
  --r-lg:        12px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0,0,0,.4);
  --shadow:    0 4px 16px rgba(0,0,0,.5);
}

/* Reset */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 15px; -webkit-font-smoothing: antialiased; }
body {
  font-family: 'Inter', 'Figtree', system-ui, sans-serif;
  background: var(--bg-0);
  color: var(--t1);
  line-height: 1.6;
  min-height: 100vh;
}
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font-family: inherit; font-size: inherit; }
img { max-width: 100%; display: block; }