/**
 * Imagic Directory — Design Tokens
 *
 * Global CSS custom properties (variables) shared across all plugin stylesheets.
 * Edit this file to change colors and field styles site-wide.
 *
 * @package ImagicDirectory
 * @since   1.9.0
 */

:root {
    /* ── Brand palette ───────────────────────────────────────────────── */
    --imd-primary:          #683826;              /* main brand / focus / selected  */
    --imd-primary-dark:     #2A1A13;              /* hover / pressed state          */
    --imd-primary-ring:     rgba(104,56,38,0.15); /* focus box-shadow               */
    --imd-primary-bg:       #f7f1ed;              /* tinted background on hover     */
    --imd-primary-border:   #ebe1db;              /* primary-family border color    */
    --imd-secondary-bg:     #e9e5d7;              /* secondary tinted background    */
    --imd-secondary:        #31452D;
    --imd-smooth:           #675249;
    --imd-cover-alt:        #725b51;              /* cover gradient 2nd stop        */

    /* ── Green palette ───────────────────────────────────────────────── */
    --imd-green:            #43663c;              /* green accent (progress, tags)  */
    --imd-green-alt:        #558d49;              /* green gradient 2nd stop        */
    --imd-green-light:      #7DC97D;              /* lighter dashboard green        */
    --imd-trend-up:         #5da85d;              /* upward trend indicator         */

    /* ── Navigation / secondary action ──────────────────────────────── */
    --imd-nav:              #4a90d9;              /* next / navigation button       */
    --imd-nav-ring:         rgba(74,144,217,0.15);/* nav focus ring                 */
    --imd-nav-shadow:       rgba(74,144,217,0.35);/* nav button hover shadow        */
    --imd-nav-bg:           #e8f2fc;              /* nav / link hover background    */

    /* ── Submit / complete action ────────────────────────────────────── */
    --imd-submit:           #10b981;              /* submit / complete button       */
    --imd-submit-hover:     #059669;
    --imd-submit-shadow:    rgba(16,185,129,0.35);

    /* ── Accent colors ───────────────────────────────────────────────── */
    --imd-accent-soft:      #F5A97F;              /* light orange (dashboard UI)    */
    --imd-accent:           #e8945f;              /* deeper orange accent           */
    --imd-accent-hover:     #C44536;
    --imd-blue:             #C4E7D4;              /* mint accent                    */
    --imd-blue-hover:       #C4DACF;
    --imd-warning:          #FFCF00;
    --imd-warning-icon:     #f57f17;              /* warning icon / pending badge   */
    --imd-warning-text:     #e65100;              /* warning title text             */
    --imd-yellow:           #E3C567;
    --imd-yellow-hover:     #C8963E;
    --imd-danger:           #ef4444;              /* destructive action             */
    --imd-trend-down:       #e07070;              /* downward trend / danger light  */
    --imd-like:             #e31c5f;              /* review like / submit action    */
    --imd-like-hover:       #c5174f;              /* like button hover              */
    --imd-error-dark:       #a81f1f;              /* danger button hover state      */

    /* ── Stars / ratings ─────────────────────────────────────────────── */
    --imd-star-empty:       #E0E0E0;
    --imd-star-full:        #FFC107;
    --imd-icon-rating:      #e6ac00;              /* rating icon color              */

    /* ── Utility ─────────────────────────────────────────────────────── */
    --imd-toggle-off:       #d1d5db;              /* inactive toggle track          */
    --imd-muted:            #9A9A9A;
    --imd-shadow-warm:      rgba(145,129,74,0.12);/* warm card / preview shadow     */
    --imd-explorer-shadow:  rgba(91,217,74,0.3);  /* explorer avatar glow           */
    --imd-shadow-sm:        0 1px 4px rgba(0,0,0,.06); /* subtle card shadow        */

    /* ── Text ────────────────────────────────────────────────────────── */
    --imd-text:             #1a1a2e;              /* primary body text              */
    --imd-text-muted:       #6b7280;              /* secondary / helper text        */
    --imd-text-label:       #374151;              /* form field labels              */
    --imd-text-mid:         #555555;              /* mid-tone body text             */
    --imd-text-faint:       #AAAAAA;              /* faintest icons / placeholders  */

    /* ── Surfaces & borders ──────────────────────────────────────────── */
    --imd-bg:               #ffffff;
    --imd-bg-page:          #F7F7F7;              /* full-page app background       */
    --imd-bg-light:         #fafbfd;              /* light card / input background  */
    --imd-bg-subtle:        #FAFAFA;              /* table heads / tab bars         */
    --imd-bg-hover:         #F0F0F0;              /* row / button hover             */
    --imd-placeholder:      #F5F5F5;              /* skeleton / thumb placeholder   */
    --imd-bg-reviews:       #EEF9EE;              /* reviews / positive tint        */
    --imd-bg-rating:        #FFFBEA;              /* rating / yellow tint           */
    --imd-bg-secondary:     #ECE5F0;
    --imd-border:           #eeede0;              /* default (warm) border          */
    --imd-border-light:     #f0f0e8;              /* dividers / subtle borders      */
    --imd-border-ui:        #e8eaf0;              /* structural layout dividers     */
    --imd-border-neutral:   #EFEFEF;              /* neutral gray (dashboard cards) */
    --imd-border-input:     #D0D0D0;              /* checkbox / radio borders       */

    /* ── Status badges ───────────────────────────────────────────────── */
    --imd-status-publish-bg:   #e8f5e9;
    --imd-status-publish-text: #2e7d32;
    --imd-status-pending-text: #f57f17;
    --imd-status-draft-bg:     #f5f5f5;
    --imd-status-draft-text:   #757575;
    --imd-status-private-bg:   #e8eaf6;
    --imd-status-private-text: #3949ab;

    /* ── Form fields ─────────────────────────────────────────────────── */
    --imd-field-pad:        13px 16px;            /* padding inside inputs/selects  */
    --imd-field-border-w:   2px;                  /* border width                   */
    --imd-field-radius:     10px;                 /* border-radius                  */
    --imd-field-font:       15px;                 /* font-size                      */
    --imd-radius-lg:        14px;                 /* larger card radius             */

    /* ── Layout ──────────────────────────────────────────────────────── */
    --imd-sidebar-w:        260px;                /* dashboard sidebar width        */
    --imd-panel-w:          330px;                /* dashboard right panel width    */

    /* ── Feedback: success ───────────────────────────────────────────── */
    --imd-success-bg:       #f0fff4;
    --imd-success-text:     #155724;
    --imd-success-border:   #c3e6cb;
    --imd-success-accent:   #28a745;

    /* ── Feedback: error ─────────────────────────────────────────────── */
    --imd-error-bg:         #fff5f5;
    --imd-error-text:       #721c24;
    --imd-error-border:     #f5c6cb;
    --imd-error-accent:     #dc3545;

    /* ── Feedback: notice ────────────────────────────────────────────── */
    --imd-notice-bg:        #fff8e1;
    --imd-notice-border:    #ffe082;
    --imd-notice-text:      #6d4c00;

    /* ── Gradients ───────────────────────────────────────────────────── */
    --imd-gradient-progress: linear-gradient(90deg,  var(--imd-green),   var(--imd-green-alt));
    --imd-gradient-panel:    linear-gradient(145deg, #f8f6ed 0%, var(--imd-secondary-bg) 100%);
    --imd-gradient-cover:    linear-gradient(135deg, var(--imd-primary) 0%, var(--imd-cover-alt) 100%);
    --imd-gradient-explorer: linear-gradient(135deg, var(--imd-green),   var(--imd-green-alt));
}