/* SoftCreator brand colors - extracted from softcreator-logo.svg
 *
 * Use these CSS variables in any extension UI, store materials, promo
 * images, or marketing pages to maintain a consistent brand identity.
 *
 *   :root { /* see below */ }
 *
 *   .my-button { background: var(--sc-green); }
 *   .my-banner { background: var(--sc-green-dark); color: white; }
 */

:root {
    /* Primary brand greens - taken directly from logo SVG fill values */
    --sc-green:        #6fd42f;   /* main brand green (logo body) */
    --sc-green-light:  #bcffb4;   /* light green (logo highlight) */
    --sc-green-medium: #79c480;   /* medium green (logo accent) */

    /* Derived shades - for backgrounds, hover states, gradients */
    --sc-green-dark:   #4a9f1c;   /* darker shade for hover/active */
    --sc-green-pale:   #e8ffe0;   /* very pale tint - form bgs, surfaces */

    /* Resuminator app palette references (from screenshots) */
    --sc-green-bg:     #4a9c3e;   /* dark grass green page background */
    --sc-green-form:   #ddffdd;   /* light green form background */

    /* Neutral text / borders to pair with the brand */
    --sc-text:         #1e293b;
    --sc-text-muted:   #64748b;
    --sc-border:       #e2e8f0;
    --sc-surface:      #ffffff;
}