/* Grafix Studio SEO-portal - designtokens (ljust/mörkt läge). Kontraster enligt underlaget, avsnitt 11.2. */
@font-face { font-family: 'Geomanist'; font-weight: 400; font-style: normal; font-display: swap;
  src: url('https://grafixstudio.se/wp-content/uploads/2025/12/geomanist-regular-webfont.woff2') format('woff2'); }
@font-face { font-family: 'Geomanist'; font-weight: 500; font-style: normal; font-display: swap;
  src: url('https://grafixstudio.se/wp-content/uploads/2025/12/geomanist-medium-webfont.woff2') format('woff2'); }
@font-face { font-family: 'Geomanist'; font-weight: 700; font-style: normal; font-display: swap;
  src: url('https://grafixstudio.se/wp-content/uploads/2025/12/geomanist-bold-webfont.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-weight: 400; font-style: normal; font-display: swap;
  src: url('https://grafixstudio.se/wp-content/uploads/2025/12/Poppins-Regular.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-weight: 500; font-style: normal; font-display: swap;
  src: url('https://grafixstudio.se/wp-content/uploads/2025/12/Poppins-Medium.woff2') format('woff2'); }
@font-face { font-family: 'Poppins'; font-weight: 600; font-style: normal; font-display: swap;
  src: url('https://grafixstudio.se/wp-content/uploads/2025/12/Poppins-SemiBold.woff2') format('woff2'); }

:root {
  color-scheme: light;
  --bg:            #f7f4ee;
  --surface:       #ffffff;
  --surface-2:     #efebe3;
  --border:        #e3ded4;
  --text:          #111111;
  --text-muted:    #5c5c5c;
  --accent:        #f56e28;
  --accent-text:   #b8470f;
  --accent-soft:   rgba(245, 110, 40, .10);
  --on-accent:     #111111;
  --positive:      #1f7a3d;
  --negative:      #b42318;
  --neutral:       #5c5c5c;
  --chart-context: #c9c4ba;
  --chart-grid:    #ebe6dc;
  --warn-bg:       #f6ead7;
  --warn-border:   #e7cfa6;

  --sidebar-bg:    #0f0f0f;
  --sidebar-text:  #e8e6e1;
  --sidebar-muted: #9a9a9a;
  --sidebar-line:  #262626;
  --sidebar-active-bg:  rgba(245, 110, 40, .14);
  --sidebar-active-bar: #f56e28;
  --sidebar-active-text: #ff8c50;

  --radius-card: 14px;
  --radius-btn:  10px;
  --shadow-card: 0 1px 2px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.04);

  --font-head: 'Geomanist', 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-body: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --sidebar-w: 248px;
  --content-max: 1120px;
  --gap: 20px;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg:            #161616;
  --surface:       #1f1f1f;
  --surface-2:     #262626;
  --border:        #2e2e2e;
  --text:          #f2f0ec;
  --text-muted:    #a3a3a3;
  --accent:        #f56e28;
  --accent-text:   #ff8c50;
  --accent-soft:   rgba(245, 110, 40, .14);
  --on-accent:     #111111;
  --positive:      #4ade80;
  --negative:      #f87171;
  --neutral:       #a3a3a3;
  --chart-context: #4a4a4a;
  --chart-grid:    #2a2a2a;
  --warn-bg:       #2b2418;
  --warn-border:   #4a3b22;
  --shadow-card: 0 1px 2px rgba(0,0,0,.3);
}