/* Shared brand and semantic colors for the admin, sign-in and QR pages. */
:root {
    --brand-primary: #F2A93B;
    --brand-secondary: #2F6FC2;
    --ink: #292724;
    --ink-soft: #403D38;
    --muted: #625D55;
    --paper: #F5F6F8;
    --paper-deep: #E9EBEF;
    --white: #FFFFFF;
    --paper-light: var(--white);
    --line: #D7DBE2;
    --accent: var(--brand-primary);
    --accent-hover: #E59B2D;
    --accent-soft: #FFF3DE;
    --action-text: var(--ink);
    --blue: var(--brand-secondary);
    --blue-soft: #EDF3FB;
    --link: var(--brand-secondary);
    --link-hover: #245899;
    --focus: var(--brand-secondary);
    --danger: #B42318;
    --danger-soft: #FFF1F0;
    --danger-line: #E7B9B5;
    --amber: #805200;
    --warning-soft: #FFF6DF;
    --warning-line: #EAD39B;
    --success: #276443;
    --success-soft: #ECF5EE;
    --success-line: #C7DFCE;
    --sidebar-hover: #3B3730;
    --sidebar-line: #504B43;
    --body: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    --display: var(--body);
    --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    color-scheme: light;
}
.brand-paw { position: relative; display: inline-block; width: 34px; height: 36px; flex: 0 0 34px; }
.brand-paw i, .brand-paw b { position: absolute; display: block; background: var(--accent); }
.brand-paw i { width: 7px; height: 9px; border-radius: 50%; }
.brand-paw i:nth-child(1) { top: 7px; left: 0; transform: rotate(-28deg); }
.brand-paw i:nth-child(2) { top: 0; left: 9px; }
.brand-paw i:nth-child(3) { top: 1px; left: 20px; }
.brand-paw i:nth-child(4) { top: 9px; left: 27px; transform: rotate(28deg); }
.brand-paw b { bottom: 2px; left: 7px; width: 22px; height: 20px; border-radius: 48% 48% 42% 42%; }