/* BQ Portal – design tokens (contract between theme and plugin).
 * The plugin uses ONLY --bq-* variables and bq- classes. Colours and fonts point to the
 * theme.json presets with the brand value as fallback, so the plugin also works with other themes.
 * The brand is chosen with data-brand on <html>: standard, nordica, costa, costa-ljus, axavenue.
 * Generated from the portal prototype. */
:root,:root[data-brand="standard"]{
  --bq-bg:var(--wp--preset--color--base,#F3F5F4);
  --bq-surface:var(--wp--preset--color--base-2,#FFFFFF);
  --bq-ink:var(--wp--preset--color--contrast,#13202A);
  --bq-muted:var(--wp--preset--color--contrast-2,#5B6B73);
  --bq-line:var(--wp--preset--color--border,#DCE3E2);
  --bq-accent:var(--wp--preset--color--primary,#1D4F8F);
  --bq-accent-soft:var(--wp--preset--color--surface,#E3ECF7);
  --bq-on-accent:var(--wp--preset--color--on-accent,#FFFFFF);
  --bq-hl:var(--wp--preset--color--secondary,#1D4F8F);
  --bq-pos:var(--wp--preset--color--success,#3D7A4A);
  --bq-neg:var(--wp--preset--color--danger,#B23A2E);
  --bq-warn:var(--wp--preset--color--warning,#A8741A);
  --bq-warn-soft:#F6EBD6;
  --bq-f-display:var(--wp--preset--font-family--heading,"Familjen Grotesk","Helvetica Neue",Arial,sans-serif);
  --bq-f-body:var(--wp--preset--font-family--body,"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif);
  --bq-f-num:var(--wp--preset--font-family--numbers,"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace);
  --bq-fig:"Familjen Grotesk","Helvetica Neue",Arial,sans-serif;
  --bq-fig-w:700;
  --bq-h-w:700;
  --bq-h2-w:600;
  --bq-h1-size:clamp(26px,3.6vw,36px);
  --bq-h2-size:17px;
  --bq-eb-size:12px;
  --bq-eb-w:600;
  --bq-eb-ls:.12em;
  --bq-r-card:10px;
  --bq-r-in:6px;
  --bq-r-btn:6px;
  --bq-h-tt:none;
  --bq-h-ls:-.01em;
  --bq-btn-tt:none;
  --bq-btn-ls:normal;
}
:root[data-brand="nordica"]{
  --bq-bg:var(--wp--preset--color--base,#EEE8DD);
  --bq-surface:var(--wp--preset--color--base-2,#F5F1EA);
  --bq-ink:var(--wp--preset--color--contrast,#4E4339);
  --bq-muted:var(--wp--preset--color--contrast-2,#6C6156);
  --bq-line:var(--wp--preset--color--border,#D9CFBF);
  --bq-accent:var(--wp--preset--color--primary,#4E4339);
  --bq-accent-soft:var(--wp--preset--color--surface,#E4DBCC);
  --bq-on-accent:var(--wp--preset--color--on-accent,#EEE8DD);
  --bq-hl:var(--wp--preset--color--secondary,#8C5134);
  --bq-pos:var(--wp--preset--color--success,#616745);
  --bq-neg:var(--wp--preset--color--danger,#8C5134);
  --bq-warn:var(--wp--preset--color--warning,#9A7428);
  --bq-warn-soft:#EFE3C8;
  --bq-f-display:var(--wp--preset--font-family--heading,Denton,"Cormorant Garamond",Georgia,serif);
  --bq-f-body:var(--wp--preset--font-family--body,"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif);
  --bq-f-num:var(--wp--preset--font-family--numbers,"Archivo",system-ui,sans-serif);
  --bq-fig:"Archivo",system-ui,sans-serif;
  --bq-fig-w:400;
  --bq-h-w:300;
  --bq-h2-w:400;
  --bq-h1-size:clamp(34px,4.6vw,48px);
  --bq-h2-size:22px;
  --bq-eb-size:11px;
  --bq-eb-w:500;
  --bq-eb-ls:.22em;
  --bq-r-card:0px;
  --bq-r-in:0px;
  --bq-r-btn:999px;
  --bq-h-tt:none;
  --bq-h-ls:-.01em;
  --bq-btn-tt:none;
  --bq-btn-ls:normal;
}
:root[data-brand="costa"]{
  --bq-bg:var(--wp--preset--color--base,#FFFFFF);
  --bq-surface:var(--wp--preset--color--base-2,#FFFFFF);
  --bq-ink:var(--wp--preset--color--contrast,#212529);
  --bq-muted:var(--wp--preset--color--contrast-2,#5E6870);
  --bq-line:var(--wp--preset--color--border,#DEE3E1);
  --bq-accent:var(--wp--preset--color--primary,#0A2838);
  --bq-accent-soft:var(--wp--preset--color--surface,#E7EFEB);
  --bq-on-accent:var(--wp--preset--color--on-accent,#FFFFFF);
  --bq-hl:var(--wp--preset--color--secondary,#3F6F5C);
  --bq-pos:var(--wp--preset--color--success,#2E7D5B);
  --bq-neg:var(--wp--preset--color--danger,#B23A2E);
  --bq-warn:var(--wp--preset--color--warning,#9A6B12);
  --bq-warn-soft:#F5EBD5;
  --bq-f-display:var(--wp--preset--font-family--heading,"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif);
  --bq-f-body:var(--wp--preset--font-family--body,"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif);
  --bq-f-num:var(--wp--preset--font-family--numbers,"Figtree",system-ui,sans-serif);
  --bq-fig:"Figtree",system-ui,sans-serif;
  --bq-fig-w:500;
  --bq-h-w:400;
  --bq-h2-w:500;
  --bq-h1-size:clamp(26px,3.4vw,40px);
  --bq-h2-size:17px;
  --bq-eb-size:12px;
  --bq-eb-w:600;
  --bq-eb-ls:.14em;
  --bq-r-card:4px;
  --bq-r-in:4px;
  --bq-r-btn:999px;
  --bq-h-tt:uppercase;
  --bq-h-ls:.04em;
  --bq-btn-tt:uppercase;
  --bq-btn-ls:.08em;
}
:root[data-brand="costa-ljus"]{
  --bq-bg:var(--wp--preset--color--base,#FAFBFB);
  --bq-surface:var(--wp--preset--color--base-2,#FFFFFF);
  --bq-ink:var(--wp--preset--color--contrast,#0E1418);
  --bq-muted:var(--wp--preset--color--contrast-2,#3E4850);
  --bq-line:var(--wp--preset--color--border,#D5DCD9);
  --bq-accent:var(--wp--preset--color--primary,#0A2838);
  --bq-accent-soft:var(--wp--preset--color--surface,#CFDFD7);
  --bq-on-accent:var(--wp--preset--color--on-accent,#FFFFFF);
  --bq-hl:var(--wp--preset--color--secondary,#2F5E4C);
  --bq-pos:var(--wp--preset--color--success,#1F6B4A);
  --bq-neg:var(--wp--preset--color--danger,#A3301F);
  --bq-warn:var(--wp--preset--color--warning,#7F570A);
  --bq-warn-soft:#F7EFDD;
  --bq-f-display:var(--wp--preset--font-family--heading,"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif);
  --bq-f-body:var(--wp--preset--font-family--body,"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif);
  --bq-f-num:var(--wp--preset--font-family--numbers,"Figtree",system-ui,sans-serif);
  --bq-fig:"Figtree",system-ui,sans-serif;
  --bq-fig-w:500;
  --bq-h-w:500;
  --bq-h2-w:600;
  --bq-h1-size:clamp(26px,3.4vw,40px);
  --bq-h2-size:17px;
  --bq-eb-size:12px;
  --bq-eb-w:600;
  --bq-eb-ls:.14em;
  --bq-r-card:4px;
  --bq-r-in:4px;
  --bq-r-btn:999px;
  --bq-h-tt:uppercase;
  --bq-h-ls:.04em;
  --bq-btn-tt:uppercase;
  --bq-btn-ls:.08em;
  color-scheme:light;
}
:root[data-brand="axavenue"]{
  --bq-bg:var(--wp--preset--color--base,#F8F6F2);
  --bq-surface:var(--wp--preset--color--base-2,#FFFFFF);
  --bq-ink:var(--wp--preset--color--contrast,#1E2B3A);
  --bq-muted:var(--wp--preset--color--contrast-2,#6A615B);
  --bq-line:var(--wp--preset--color--border,#D9D3C9);
  --bq-accent:var(--wp--preset--color--primary,#7B5539);
  --bq-accent-soft:var(--wp--preset--color--surface,#EFE8DF);
  --bq-on-accent:var(--wp--preset--color--on-accent,#FFFFFF);
  --bq-hl:var(--wp--preset--color--secondary,#1E2B3A);
  --bq-pos:var(--wp--preset--color--success,#3F6B4E);
  --bq-neg:var(--wp--preset--color--danger,#A63D2A);
  --bq-warn:var(--wp--preset--color--warning,#8A6414);
  --bq-warn-soft:#F3EADB;
  --bq-f-display:var(--wp--preset--font-family--heading,"Nunito Sans",Avenir,system-ui,sans-serif);
  --bq-f-body:var(--wp--preset--font-family--body,"Nunito Sans",Avenir,system-ui,sans-serif);
  --bq-f-num:var(--wp--preset--font-family--numbers,"Nunito Sans",Avenir,system-ui,sans-serif);
  --bq-fig:"Nunito Sans",Avenir,system-ui,sans-serif;
  --bq-fig-w:300;
  --bq-h-w:300;
  --bq-h2-w:400;
  --bq-h1-size:clamp(26px,3.4vw,38px);
  --bq-h2-size:17px;
  --bq-eb-size:11px;
  --bq-eb-w:600;
  --bq-eb-ls:.2em;
  --bq-r-card:0px;
  --bq-r-in:0px;
  --bq-r-btn:0px;
  --bq-h-tt:uppercase;
  --bq-h-ls:.12em;
  --bq-btn-tt:uppercase;
  --bq-btn-ls:.1em;
}
/* Dark mode: follows the device unless data-theme="light". Costa (extra ljus) always stays light. */
@media (prefers-color-scheme: dark){
  :root:not([data-brand]):not([data-theme="light"]),:root[data-brand="standard"]:not([data-theme="light"]){--wp--preset--color--base:#0F161B;--wp--preset--color--base-2:#172129;--wp--preset--color--contrast:#E6ECEE;--wp--preset--color--contrast-2:#93A3AA;--wp--preset--color--border:#2A3740;--wp--preset--color--primary:#7FA9E0;--wp--preset--color--surface:#1D2C3D;--wp--preset--color--on-accent:#0F161B;--wp--preset--color--on-primary:#0F161B;--wp--preset--color--secondary:#7FA9E0;--wp--preset--color--accent:#7FA9E0;--wp--preset--color--success:#7CC08A;--wp--preset--color--danger:#F08A7E;--wp--preset--color--warning:#E3B465;--bq-warn-soft:#33291A;color-scheme:dark;}
  :root[data-brand="nordica"]:not([data-theme="light"]){--wp--preset--color--base:#1E1915;--wp--preset--color--base-2:#28211B;--wp--preset--color--contrast:#EEE8DD;--wp--preset--color--contrast-2:#B3A792;--wp--preset--color--border:#3D342B;--wp--preset--color--primary:#E4D8C4;--wp--preset--color--surface:#3A3027;--wp--preset--color--on-accent:#28211B;--wp--preset--color--on-primary:#28211B;--wp--preset--color--secondary:#D08B67;--wp--preset--color--accent:#D08B67;--wp--preset--color--success:#A9B086;--wp--preset--color--danger:#D08B67;--wp--preset--color--warning:#D3AE62;--bq-warn-soft:#3A2F1C;color-scheme:dark;}
  :root[data-brand="costa"]:not([data-theme="light"]){--wp--preset--color--base:#0B1E29;--wp--preset--color--base-2:#112A38;--wp--preset--color--contrast:#E8EEF0;--wp--preset--color--contrast-2:#9DB0B8;--wp--preset--color--border:#22404F;--wp--preset--color--primary:#B1CABF;--wp--preset--color--surface:#1A3644;--wp--preset--color--on-accent:#0A2838;--wp--preset--color--on-primary:#0A2838;--wp--preset--color--secondary:#B1CABF;--wp--preset--color--accent:#B1CABF;--wp--preset--color--success:#8FCBA9;--wp--preset--color--danger:#F08A7E;--wp--preset--color--warning:#E3B465;--bq-warn-soft:#33291A;color-scheme:dark;}
  :root[data-brand="axavenue"]:not([data-theme="light"]){--wp--preset--color--base:#121A23;--wp--preset--color--base-2:#1A2532;--wp--preset--color--contrast:#EEE9E1;--wp--preset--color--contrast-2:#B0A79E;--wp--preset--color--border:#2C3846;--wp--preset--color--primary:#C9A27E;--wp--preset--color--surface:#2B2A27;--wp--preset--color--on-accent:#121A23;--wp--preset--color--on-primary:#121A23;--wp--preset--color--secondary:#E2C3A2;--wp--preset--color--accent:#E2C3A2;--wp--preset--color--success:#8DBF9C;--wp--preset--color--danger:#E8907C;--wp--preset--color--warning:#DDB466;--bq-warn-soft:#33291A;color-scheme:dark;}
}
:root[data-brand="standard"][data-theme="dark"]{--wp--preset--color--base:#0F161B;--wp--preset--color--base-2:#172129;--wp--preset--color--contrast:#E6ECEE;--wp--preset--color--contrast-2:#93A3AA;--wp--preset--color--border:#2A3740;--wp--preset--color--primary:#7FA9E0;--wp--preset--color--surface:#1D2C3D;--wp--preset--color--on-accent:#0F161B;--wp--preset--color--on-primary:#0F161B;--wp--preset--color--secondary:#7FA9E0;--wp--preset--color--accent:#7FA9E0;--wp--preset--color--success:#7CC08A;--wp--preset--color--danger:#F08A7E;--wp--preset--color--warning:#E3B465;--bq-warn-soft:#33291A;color-scheme:dark;}
:root[data-brand="nordica"][data-theme="dark"]{--wp--preset--color--base:#1E1915;--wp--preset--color--base-2:#28211B;--wp--preset--color--contrast:#EEE8DD;--wp--preset--color--contrast-2:#B3A792;--wp--preset--color--border:#3D342B;--wp--preset--color--primary:#E4D8C4;--wp--preset--color--surface:#3A3027;--wp--preset--color--on-accent:#28211B;--wp--preset--color--on-primary:#28211B;--wp--preset--color--secondary:#D08B67;--wp--preset--color--accent:#D08B67;--wp--preset--color--success:#A9B086;--wp--preset--color--danger:#D08B67;--wp--preset--color--warning:#D3AE62;--bq-warn-soft:#3A2F1C;color-scheme:dark;}
:root[data-brand="costa"][data-theme="dark"]{--wp--preset--color--base:#0B1E29;--wp--preset--color--base-2:#112A38;--wp--preset--color--contrast:#E8EEF0;--wp--preset--color--contrast-2:#9DB0B8;--wp--preset--color--border:#22404F;--wp--preset--color--primary:#B1CABF;--wp--preset--color--surface:#1A3644;--wp--preset--color--on-accent:#0A2838;--wp--preset--color--on-primary:#0A2838;--wp--preset--color--secondary:#B1CABF;--wp--preset--color--accent:#B1CABF;--wp--preset--color--success:#8FCBA9;--wp--preset--color--danger:#F08A7E;--wp--preset--color--warning:#E3B465;--bq-warn-soft:#33291A;color-scheme:dark;}
:root[data-brand="axavenue"][data-theme="dark"]{--wp--preset--color--base:#121A23;--wp--preset--color--base-2:#1A2532;--wp--preset--color--contrast:#EEE9E1;--wp--preset--color--contrast-2:#B0A79E;--wp--preset--color--border:#2C3846;--wp--preset--color--primary:#C9A27E;--wp--preset--color--surface:#2B2A27;--wp--preset--color--on-accent:#121A23;--wp--preset--color--on-primary:#121A23;--wp--preset--color--secondary:#E2C3A2;--wp--preset--color--accent:#E2C3A2;--wp--preset--color--success:#8DBF9C;--wp--preset--color--danger:#E8907C;--wp--preset--color--warning:#DDB466;--bq-warn-soft:#33291A;color-scheme:dark;}
