:root{
/* Brand palette */
--color-ember-orange:#ff5406;
--color-verdant-green:#00b33f;
--color-signal-red-orange:#ff3400;
--color-sky-blue:#00a9dd;
--color-mist-blue:#72a2c5;
--color-sunset-orange:#ff6d00;
--color-amber:#945300;
--color-alert-red:#ff001e;
--color-plum:#bd4be5;
--color-iris:#5856de;
--color-electric-blue:#0099f9;
--color-graphite:#2f2f2f;
--color-charcoal:#000000;
--color-fog:#f5f5f5;
--color-paper-white:#ffffff;

/* Surfaces */
--surface-paper-white:#ffffff;
--surface-fog:#f5f5f5;
--surface-graphite:#2f2f2f;
--surface-ember-orange:#ff5406;
--surface-page:var(--color-paper-white);
--surface-card:var(--color-paper-white);
--surface-alt:var(--color-fog);
--surface-inverse:var(--color-graphite);
--surface-brand:var(--color-ember-orange);

/* Text */
--text-primary:var(--color-graphite);
--text-max:var(--color-charcoal);
--text-inverse:var(--color-paper-white);
--text-muted:#6b6b6b;
--text-brand:var(--color-ember-orange);
--text-accent-warm:var(--color-sunset-orange);
--text-accent-green:var(--color-verdant-green);
--text-data-warm:var(--color-amber);

/* Lines */
--line-hairline:var(--color-fog);
--line-strong:#e2e2e2;

/* Data / status */
--data-positive:var(--color-verdant-green);
--data-negative:var(--color-signal-red-orange);
--data-carbs:var(--color-sky-blue);
--data-protein:var(--color-plum);
--data-fat:var(--color-verdant-green);
--data-calories:var(--color-signal-red-orange);
--data-secondary-label:var(--color-mist-blue);
}