/* Sinage Design System — BenQ X-Sign aligned */

:root {

    /* Typography */

    --sg-font-title: 'Poppins', sans-serif;

    --sg-font-body: 'Roboto', 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif;

    --sg-font-sans: var(--sg-font-body);



    /* Brand (BenQ) */

    --sg-brand-primary: #00626b;

    --sg-brand-primary-dark: #005a62;

    --sg-brand-secondary: #00707a;

    --sg-brand-accent: #492582;

    --sg-brand-warm: #757575;



    /* Surface */

    --sg-bg-page: #f5f5f7;

    --sg-bg-panel: #ffffff;

    --sg-bg-muted: #f2f2f2;

    --sg-bg-dark: #333333;

    --sg-bg-preview: #1e293b;



    /* Text */

    --sg-text-primary: #333333;

    --sg-text-secondary: #757575;

    --sg-text-muted: #cccccc;

    --sg-text-inverse: #ffffff;



    /* Border & shadow */

    --sg-border: rgba(0, 0, 0, 0.1);

    --sg-border-strong: rgba(0, 0, 0, 0.16);

    --sg-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);

    --sg-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);

    --sg-shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.1);



    /* Radius — BenQ flat buttons, soft cards */

    --sg-radius-sm: 0;

    --sg-radius-md: 0;

    --sg-radius-lg: 0;

    --sg-radius-xl: 0;

    --sg-radius-pill: 999px;



    /* Status */

    --sg-success: #22c55e;

    --sg-warning: #f59e0b;

    --sg-danger: #ef4444;

    --sg-info: #00626b;



    /* CMS header */

    --sg-header-from: #00626b;

    --sg-header-to: #00707a;



    /* Theme preview accents */

    --sg-theme-bg: linear-gradient(145deg, #d6e3ea 0%, #cadbd4 100%);

    --sg-theme-accent: #00626b;

    --sg-theme-card: #ffffff;

}