डार्क यूआई थीम हर भूमिका-जोड़ा मापा हुआ

/* Generated by Auric Artisan dark UI theme on 2026-10-04 */
:root {
  --ui-surface-page: #0F0E0C; /* Page (--aa2-surface) */
  --ui-surface-raised: #171613; /* Raised (--aa2-card) */
  --ui-surface-well: #1C1A17; /* Well (--aa2-subtle) */
  --ui-text-strong: #FFFFFF; /* Headings (--aa2-ink-strong) */
  --ui-text-primary: #F2EFE9; /* Primary text (--aa2-ink) */
  --ui-text-secondary: #C3BDB3; /* Secondary text (--aa2-ink-2) */
  --ui-text-muted: #9D978D; /* Muted text (--aa2-ink-3) */
  --ui-border-separator: #2C2A26; /* Separator (--aa2-line) */
  --ui-border-control: #807A71; /* Control boundary (--aa2-line-control) */
  --ui-focus-ring: #E2C766; /* Focus ring (--aa2-gold-ink) */
  --ui-accent-fill: #D3AF37; /* Accent fill (--aa2-gold) */
  --ui-accent-text: #E2C766; /* Accent text (--aa2-gold-ink) */
  --ui-accent-strong: #F0DC9A; /* Strong accent (--aa2-gold-ink-strong) */
  --ui-action-fill: #F2EFE9; /* Primary button (--aa2-action) */
  --ui-action-text: #0F0E0C; /* Primary button label (--aa2-surface) */
  --ui-status-ok-fg: #4ADE80; /* Success (--aa2-ok) */
  --ui-status-ok-bg: #12281C; /* Success background (--aa2-ok-bg) */
  --ui-status-warn-fg: #E2C766; /* Warning (--aa2-warn) */
  --ui-status-warn-bg: #2A2312; /* Warning background (--aa2-warn-bg) */
  --ui-status-bad-fg: #F87171; /* Error (--aa2-bad) */
  --ui-status-bad-bg: #241A12; /* Error background (--aa2-bad-bg) */
  --ui-status-info-fg: #93C5FD; /* Information (--aa2-info) */
  --ui-status-info-bg: #16202E; /* Information background (--aa2-info-bg) */
}

// Generated by Auric Artisan dark UI theme on 2026-10-04
/** @type {import('tailwindcss').Config} */
module.exports = {
  theme: {
    extend: {
      colors: {
        "ui": {
          "surface": {
            "page": "#0F0E0C",
            "raised": "#171613",
            "well": "#1C1A17"
          },
          "text": {
            "strong": "#FFFFFF",
            "primary": "#F2EFE9",
            "secondary": "#C3BDB3",
            "muted": "#9D978D"
          },
          "border": {
            "separator": "#2C2A26",
            "control": "#807A71"
          },
          "focus": {
            "ring": "#E2C766"
          },
          "accent": {
            "fill": "#D3AF37",
            "text": "#E2C766",
            "strong": "#F0DC9A"
          },
          "action": {
            "fill": "#F2EFE9",
            "text": "#0F0E0C"
          },
          "status": {
            "ok": {
              "fg": "#4ADE80",
              "bg": "#12281C"
            },
            "warn": {
              "fg": "#E2C766",
              "bg": "#2A2312"
            },
            "bad": {
              "fg": "#F87171",
              "bg": "#241A12"
            },
            "info": {
              "fg": "#93C5FD",
              "bg": "#16202E"
            }
          }
        }
      }
    },
  },
};

{
  "$schema": "https://schemas.tokens.studio/latest/tokens-schema.json",
  "$description": "Generated by Auric Artisan dark UI theme on 2026-10-04",
  "ui": {
    "surface": {
      "page": {
        "$value": "#0F0E0C",
        "$type": "color",
        "$description": "Page (--aa2-surface)"
      },
      "raised": {
        "$value": "#171613",
        "$type": "color",
        "$description": "Raised (--aa2-card)"
      },
      "well": {
        "$value": "#1C1A17",
        "$type": "color",
        "$description": "Well (--aa2-subtle)"
      }
    },
    "text": {
      "strong": {
        "$value": "#FFFFFF",
        "$type": "color",
        "$description": "Headings (--aa2-ink-strong)"
      },
      "primary": {
        "$value": "#F2EFE9",
        "$type": "color",
        "$description": "Primary text (--aa2-ink)"
      },
      "secondary": {
        "$value": "#C3BDB3",
        "$type": "color",
        "$description": "Secondary text (--aa2-ink-2)"
      },
      "muted": {
        "$value": "#9D978D",
        "$type": "color",
        "$description": "Muted text (--aa2-ink-3)"
      }
    },
    "border": {
      "separator": {
        "$value": "#2C2A26",
        "$type": "color",
        "$description": "Separator (--aa2-line)"
      },
      "control": {
        "$value": "#807A71",
        "$type": "color",
        "$description": "Control boundary (--aa2-line-control)"
      }
    },
    "focus": {
      "ring": {
        "$value": "#E2C766",
        "$type": "color",
        "$description": "Focus ring (--aa2-gold-ink)"
      }
    },
    "accent": {
      "fill": {
        "$value": "#D3AF37",
        "$type": "color",
        "$description": "Accent fill (--aa2-gold)"
      },
      "text": {
        "$value": "#E2C766",
        "$type": "color",
        "$description": "Accent text (--aa2-gold-ink)"
      },
      "strong": {
        "$value": "#F0DC9A",
        "$type": "color",
        "$description": "Strong accent (--aa2-gold-ink-strong)"
      }
    },
    "action": {
      "fill": {
        "$value": "#F2EFE9",
        "$type": "color",
        "$description": "Primary button (--aa2-action)"
      },
      "text": {
        "$value": "#0F0E0C",
        "$type": "color",
        "$description": "Primary button label (--aa2-surface)"
      }
    },
    "status": {
      "ok": {
        "fg": {
          "$value": "#4ADE80",
          "$type": "color",
          "$description": "Success (--aa2-ok)"
        },
        "bg": {
          "$value": "#12281C",
          "$type": "color",
          "$description": "Success background (--aa2-ok-bg)"
        }
      },
      "warn": {
        "fg": {
          "$value": "#E2C766",
          "$type": "color",
          "$description": "Warning (--aa2-warn)"
        },
        "bg": {
          "$value": "#2A2312",
          "$type": "color",
          "$description": "Warning background (--aa2-warn-bg)"
        }
      },
      "bad": {
        "fg": {
          "$value": "#F87171",
          "$type": "color",
          "$description": "Error (--aa2-bad)"
        },
        "bg": {
          "$value": "#241A12",
          "$type": "color",
          "$description": "Error background (--aa2-bad-bg)"
        }
      },
      "info": {
        "fg": {
          "$value": "#93C5FD",
          "$type": "color",
          "$description": "Information (--aa2-info)"
        },
        "bg": {
          "$value": "#16202E",
          "$type": "color",
          "$description": "Information background (--aa2-info-bg)"
        }
      }
    }
  }
}