/* BRAND.CSS VERSION: 1.1 */
/* Pickrs / Mediafusion brand colors.
   Single source of truth for the colors used across every admin tool in
   this project (create.html, provision.html). Change a color here and it
   updates everywhere that references it via var(--name).

   This is also the starting point for a print/brand guide -- these should
   be the same values used in any printed materials.

   NOTE ON THE PUBLISHED LINKPAGE ITSELF: each member's live page
   (index.html) is a fully self-contained file with its own embedded CSS.
   It intentionally does not link to this file, so a visitor's page never
   depends on an external stylesheet staying online. See the ongoing
   brand-conversion notes (brand-conversion-tracker.md) for the plan to
   change that for Mediafusion-owned elements specifically. */

:root {
    --pickrs-orange: #f97316;
    --pickrs-orange-hover: #ea580c;
    --pickrs-orange-light-bg: #fff7ed;
    --pickrs-orange-light-bg-2: #ffedd5;
    --pickrs-orange-dark-text: #c2410c;

    --pickrs-purple: #9333ea;

    --pickrs-blue: #4169e1;

    --pickrs-green: #16a34a;

    --pickrs-red: #dc2626;
    --pickrs-red-light-bg: #fef2f2;
    --pickrs-red-light-bg-2: #fecaca;

    --ui-bg: #f3f4f6;
    --ui-card-bg: #ffffff;
    --ui-text: #1f2937;
    --ui-text-secondary: #6b7280;
    --ui-text-muted: #9ca3af;
    --ui-border: #e5e7eb;
    --ui-border-strong: #d1d5db;

    --icon-btn-email: #3b82f6;
    --icon-btn-phone: #22c55e;
    --icon-btn-sms: #8b5cf6;
    --icon-btn-map: #ef4444;

    --save-status-success: #4ade80;
    --save-status-error: #f87171;
}

/* --pickrs-orange: primary brand color. Profile Info section, mandatory/reserved blocks.
   --pickrs-orange-hover: darker shade for hover/active states.
   --pickrs-orange-light-bg / -2: light tints for orange-themed backgrounds.
   --pickrs-orange-dark-text: darker orange for text on a light-orange background.
   --pickrs-purple: Note / Contact Me / Hours blocks, sub-category name in the category block.
   --pickrs-blue: Contact Info section.
   --pickrs-green: Links Styling section, general social/website links.
   --pickrs-red: membership/creator-support platforms, warnings, destructive actions.
   --pickrs-red-light-bg / -2: light tints for red/warning backgrounds.
   --icon-btn-*: contact icon button colors in "Color" style (email, phone, SMS, map).
   --save-status-*: on-dark-background save status indicator colors.
   --ui-*: shared neutral grays, not brand colors specifically, centralized here for consistency. */