/* Simulate base styles */

/* -------------------------------------------------------------------------
 * Reset
 * ------------------------------------------------------------------------- */

*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

/* -------------------------------------------------------------------------
 * Design tokens
 * ------------------------------------------------------------------------- */

:root {
    --color-brand-blue:  #5472fb;
    --color-brand-green: #4ef622;
    --color-bg:          #f8f8f8;
    --color-surface:     #ffffff;
    --color-border:      #e0e0e0;
    --color-text:        #1a1a1a;
    --color-text-muted:  #888888;

    --topbar-height: 40px;
    --strip-width:   48px;
    --strip-height:  48px;
}

/* -------------------------------------------------------------------------
 * Base
 * ------------------------------------------------------------------------- */

body {
    background:  var(--color-bg);
    font-family: system-ui, sans-serif;
}