/* [c1] */

:root {
    /* [c2] */
    --st-bg:            #f7f6f3;   /* [c3] */
    --st-bg-elevated:   #ffffff;   /* [c4] */
    --st-surface:       #ffffff;
    --st-surface-2:     #f0efeb;   /* [c5] */
    --st-border:        #e4e2dc;
    --st-text:          #191817;
    --st-text-soft:     rgba(25, 24, 23, 0.62);  /* [c6] */
    --st-text-faint:    rgba(25, 24, 23, 0.38);

    /* [c7] */
    --st-accent:          #191817; /* [c8] */
    --st-accent-contrast: #ffffff; /* [c9] */
    --st-accent-soft:     rgba(25, 24, 23, 0.08);
    --st-danger:          #c0392b;
    --st-success:         #2e7d4f;

    /* [c10] */
    --st-lockup-color:     #b9b6af; /* [c11] */
    --st-lockup-tracking:  0.42em;
    --st-lockup-size:      0.62rem;

    /* [c12] */
    --st-glow:        rgba(25, 24, 23, 0.10);
    --st-glow-strong: rgba(25, 24, 23, 0.20);

    /* [c13] */
    /* [c14] */
    --st-font-heading: "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --st-font-ui:      "Inter", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --st-weight-heading: 600;

    /* [c15] */
    --st-radius-sm: 8px;
    --st-radius-md: 14px;
    --st-radius-lg: 22px;
    --st-radius-xl: 32px;
    --st-shadow-sm: 0 1px 3px rgba(20, 18, 14, 0.06);
    --st-shadow-md: 0 6px 24px rgba(20, 18, 14, 0.08);
    --st-shadow-lg: 0 18px 60px rgba(20, 18, 14, 0.14);

    /* [c16] */
    --st-ease:      cubic-bezier(0.22, 0.61, 0.36, 1);
    --st-dur-fast:  200ms;
    --st-dur:       300ms;
    --st-dur-slow:  450ms;

    /* [c17] */
    --st-maxw:        1180px;
    --st-touch-min:   44px;   /* [c18] */
    --st-touch-kiosk: 56px;   /* [c19] */
}