/*
  DelltonPlus shared design tokens ("--dp-*").
  Architecture borrowed from OnePlateform.UI.SuperAdmin (semantic scales + data-theme
  attribute for dark mode); palette/type/shape borrowed from the Jyotira mobile mockup.
  Shared by DelltonPlus.Astrology.Web and DelltonPlus.Astrology.Mobile.UI.
*/

:root {
    /* Brand + status colors (with -rgb companions for rgba() tinting) */
    --dp-brand: #7367f0;
    --dp-brand-rgb: 115, 103, 240;
    --dp-brand-hover: #5e50ee;
    --dp-brand-active: #4d3fe0;
    --dp-brand-fg: #ffffff;

    --dp-gold: #d8af5f;
    --dp-gold-rgb: 216, 175, 95;
    --dp-rose: #a58af5;
    --dp-rose-rgb: 165, 138, 245;
    --dp-cyan: #55c6bd;
    --dp-cyan-rgb: 85, 198, 189;

    --dp-success: #22c55e;
    --dp-success-rgb: 34, 197, 94;
    --dp-info: #55c6bd;
    --dp-info-rgb: 85, 198, 189;
    --dp-warning: #d8af5f;
    --dp-warning-rgb: 216, 175, 95;
    --dp-danger: #ef4444;
    --dp-danger-rgb: 239, 68, 68;

    /* Backgrounds */
    --dp-bg-page: #f4f6fb;
    --dp-bg-surface: #ffffff;
    --dp-bg-card: #ffffff;
    --dp-bg-muted: #eef1f8;
    --dp-bg-subtle: #f8f9fc;
    --dp-bg-hover: #eef1f8;
    --dp-bg-active: #e4e8f5;

    /* Text */
    --dp-text-primary: #25293c;
    --dp-text-secondary: #565b73;
    --dp-text-muted: #8b90a6;
    --dp-text-tertiary: #b7bbcc;
    --dp-text-inverse: #ffffff;

    /* Borders */
    --dp-border-color: #e3e6f0;
    --dp-border-light: #eef0f7;
    --dp-border-focus: var(--dp-brand);

    /* Radius scale */
    --dp-radius-sm: 10px;
    --dp-radius-md: 14px;
    --dp-radius-lg: 18px;
    --dp-radius-xl: 24px;
    --dp-radius-pill: 999px;

    /* Shadow scale */
    --dp-shadow-sm: 0 1px 3px rgba(37, 41, 60, 0.08);
    --dp-shadow-md: 0 8px 20px rgba(37, 41, 60, 0.10);
    --dp-shadow-lg: 0 16px 36px rgba(37, 41, 60, 0.14);
    --dp-shadow-brand: 0 10px 24px rgba(var(--dp-brand-rgb), 0.28);

    /* Spacing scale */
    --dp-space-1: 4px;
    --dp-space-2: 8px;
    --dp-space-3: 12px;
    --dp-space-4: 16px;
    --dp-space-5: 24px;
    --dp-space-6: 32px;

    /* Motion */
    --dp-transition-fast: 150ms ease;
    --dp-transition-base: 220ms ease;

    /* Typography (web-safe stacks today; swap to self-hosted Playfair Display /
       DM Sans .woff2 later by changing only these two declarations) */
    --dp-font-heading: Georgia, "Playfair Display", "Times New Roman", serif;
    --dp-font-body: "Segoe UI", "DM Sans", Roboto, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
}

:root[data-theme="dark"] {
    --dp-brand-hover: #8579f2;
    --dp-brand-active: #9589f4;

    --dp-bg-page: #0d111c;
    --dp-bg-surface: #161b28;
    --dp-bg-card: #161b28;
    --dp-bg-muted: #1d2333;
    --dp-bg-subtle: #131725;
    --dp-bg-hover: #1d2333;
    --dp-bg-active: #262d42;

    --dp-text-primary: #f2f5fb;
    --dp-text-secondary: #c7cbdc;
    --dp-text-muted: #8b90a6;
    --dp-text-tertiary: #5b6178;
    --dp-text-inverse: #161b28;

    --dp-border-color: #262d42;
    --dp-border-light: #1d2333;

    --dp-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.35);
    --dp-shadow-md: 0 8px 20px rgba(0, 0, 0, 0.40);
    --dp-shadow-lg: 0 16px 36px rgba(0, 0, 0, 0.50);
}