:root{
    --ink:#16191D;
    --ink-2:#3C4148;
    --muted:#6A7077;
    --muted-2:#9AA1A8;
    --line:#CAC6BB;
    --line-2:#E0DBD0;
    --bg:#F2EFE1;
    --surface:#FFFFFF;
    --surface-2:#ECE7D9;
    --accent:#2B5C8A;
    --accent-soft:#EAF0F6;
    /* huisstijl — bedrijfskleur */
    --brand:#edd153;
    --brand-strong:#e2c43c;
    --brand-soft:#fbf3cf;
    --brand-ring:rgba(237,209,83,.35);
    --bar:#192C42;   /* diep marineblauw — premium basis waartegen het goud straalt */
    --sea:#34698C;
    --air:#3E8A9C;
    --road:#9A6B33;
    --green:#2F7A57;
    --red:#B0432F;
    --r:5px;
    --r-lg:6px;
    --sh-pop:0 8px 30px rgba(16,20,26,.16);
    --sh-card:0 1px 2px rgba(25,28,33,.07), 0 2px 6px rgba(25,28,33,.05);
  }
  *{box-sizing:border-box}
  html,body{margin:0;padding:0}
  body{
    font-family:'Inter',system-ui,-apple-system,sans-serif;
    background:var(--bg);
    color:var(--ink);
    -webkit-font-smoothing:antialiased;
    font-size:13px;
    line-height:1.5;
  }
  .mono{font-family:'IBM Plex Mono',ui-monospace,monospace;font-feature-settings:"tnum"}
  .disp{font-family:'Inter',sans-serif}
  h1,h2,h3{font-family:'Inter',sans-serif;margin:0;font-weight:600;letter-spacing:-.01em}
  button{font-family:inherit;cursor:pointer}
  input,select,textarea{font-family:inherit;font-size:13px;color:var(--ink)}
  ::placeholder{color:var(--muted-2)}